分页是在后台完成,一次加载多少数据作为参数传给接口。
每次取到的数据,动态追加在ul li后面
//上拉加载
$(window).scroll(function(){var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
windowHeight = $(this).height();
if(scrollTop + windowHeight == scrollHeight){
if(temp!=dataid){
$.ajax({
type:"post",
url:"action",
data:{"dataid":dataid},
success:function(data){
listShow_add(data);
}
});
temp = dataid;
}
}
});
//解析json串,显示商品列表
function listShow(data){
var jsonStr=data;
var list= eval( "(" + jsonStr + ")" );;
length = list.length;
var ul = document.getElementById("myul");
ul.innerHTML='';
for ( var i = 0; i < list.length; i++) {
ul.innerHTML+='<li><div id="gry">+list[i]["goodsName"]+</li>';
}
}