首页 > Web开发 > 详细

ajax 循环追加HTML

时间:2019-01-10 19:19:46      阅读:206      评论:0      收藏:0      [点我收藏+]
 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                                     })

 

ajax 循环追加HTML

原文:https://www.cnblogs.com/ssx314/p/10251727.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!