// 按需加载
var canLoad=true; //是否能发送请求的开关
$(window).scroll(function(){
$("#loading").css("display","none") //加载的 gif动态图,一开始隐藏
$("#downtoload").css("display","block") //提示用户下拉加载更多 ,一开始显示
if ($(window).scrollTop() + $(window).height() == $(document).height()) {
$("#downtoload").css("display","none") //用户浏览器滚动到底部时,隐藏
$("#loading").css("display","block") //用户浏览器滚动到底部时,显示
var data={page:pages+1,expids:product,}; //data数据看个人需要
if ( canLoad ){
canLoad=false;
$.post(url,data,function(result){
if(result.msg=="SUCCESS"){
$("#loading").css("display","block");
$("#home-no-more").css("display","none")
var data=result.data,html="";
for(var i=0;i<data.length;i++){
html+="...........";
}
$(".product_list").append(html);
canLoad=true;
pages+=1;
}else{
$("#loading").css("display","none");
$("#home-no-more").css("display","block")
}
})
}
}
})
当然,这只是前端的实现,前提是需要后台配合返回相应数据。