移动端页面列表生成的问题?
像生成这样的列表,数据是从服务器上拿到的。我的方法是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日
9 years, 4 months ago