移动端页面列表生成的问题?


像生成这样的列表,数据是从服务器上拿到的。我的方法是ajax得到json数据,然后在js上拼接
然后append到标签之后。
如果考虑性能的话,这种方法算不算最好的方法?还有没有比这更好的方法?


 function handleJson(data,f){
    var dataHtml="";
    for(var i=0;i<data.length;i++){
        var title=data[i].title;
        var vid=data[i].number;
        var imgPath=data[i].cover;
        var miao=data[i].duration;
        var teacher=data[i].speaker
        var time=checkNum(miao);
        dataHtml+="<li class='subject'><a href='playV.html?Vid="+vid+"'><div class='item_img'>" +
        "<img src='"+imghost+imgPath+"'></div><div class='item_desc'><p class='item_title'>"+title+
        "</p><div class='item_foot'><span class='sub_people'><s class='fontIcon people'></s>"+teacher+
        "</span><span class='span_g'>|</span><span class='sub_time'><s class='fontIcon time'></s>"+time+"</span></div></div></a></li>";

    }
    if(f=="one"){
        $("#thelist").html(dataHtml);
    }
    else {
        $("#thelist").append(dataHtml)
    }

}

图片描述

jquery web前端开发 移动web开发 HTML JavaScript

8月32日 8 years, 9 months ago

我们公司一直都是这么干的。以前是用的模板引擎。

悠逸yui answered 8 years, 9 months ago

Your Answer