ajax 循环追加HTML 

 1 $(".iconfont").click(function(){
 2     page=$("input[name='count']").val();
 3     typeid=$("input[name='typeid']").val();                                            
 4     $.ajax({url:"index.php?mod=mobile&act=goods&type=ajax",
 5         type:'GET',
 6         dataType:"json",
 7         data:{"page":page,"typeid":typeid},
 8         success:function(data){
 9             if(data.state==1){                                                   
10                 tableContent="";
11                 $.each(data.msg,function(i){
12                     var commentInfo = data.msg[i];
13                     var num = i+1;
14                     tableContent += '<a href="javascript:;" class="aui-flex-links-item">';
15                     tableContent += '<div class="aui-flex-links-img">';
16                     tableContent += '<img src="'+commentInfo.goods_thumb+'">';
17                     tableContent += '</div>';
18                     tableContent += '<div class="aui-flex-links-text">'+commentInfo.goods_name;
19                     tableContent += '<br>';    
20                     tableContent += '<span style="color:#ff5647">';    
21                     tableContent += '<i>￥</i>'+commentInfo.shop_price;    
22                     tableContent += '</span></div>';    
23                     tableContent += '</a>';                                                      
24                 })
25                 $(".aui-flex-links").append(tableContent);
26                 $("input[name='count']").val(++page);
27             }else{                                                   
28                 $("#show").append(data.msg);
29                 $('.iconfont').css("display","none")
30             }
31         }
32     });
33 })

 

posted @ 2019-01-10 18:41  清清沁沁  阅读(1604)  评论(0)    收藏  举报