码迷,mamicode.com
首页 > Web开发 > 详细

html模板中拼接for循环输出数据

时间:2017-06-30 20:56:01      阅读:537      评论:0      收藏:0      [点我收藏+]

标签:click   循环输出   html模板   java   blog   function   输出   data   func   

/**获取列表数据**/
    $.ajax({
        type: "post",
        url: "/seed.php",
        dataType: "json",
        success : function(data){
            var dataNum=data.data.length;
            var content=‘‘;
            var img_path=‘./Public/img/‘;
            for(var i=0;i<dataNum;i++){
                content+="<li class=‘s1‘>";
                content+="<span class=‘s4‘>"+data.data[i].seed_name+"</span>";
                content+="<a href=‘javascript:void(0);‘ onclick=‘ShowBigImg("+data.data[i].img_name+");‘>";
                content+="<img class=‘s5‘ src=‘"+img_path+data.data[i].img_name+‘.png‘+"‘ alt=‘示例图片1‘ title=‘示例图片1‘  />";
                content+="</a>";
                content+="<a href=‘‘ class=‘s6‘>";
                content+="<img src=‘/Public/img/38.png‘ alt=‘本地下载‘ width=‘180‘ height=‘30‘ title=‘本地下载‘>";
                content+="</a>";
                content+="</li>";
            }
            $(‘.s3‘).html(content);
        }
    });

 

html模板中拼接for循环输出数据

标签:click   循环输出   html模板   java   blog   function   输出   data   func   

原文地址:http://www.cnblogs.com/719907411hl/p/7100368.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!