页面向下滚动ajax获取数据的实现方法(兼容手机)
页面向下滚动ajax获取数据的实现方法(兼容手机)
$(window).scroll(function(){
varscrollTop=$(this).scrollTop();
varscrollHeight=$(document).height();
varwindowHeight=$(this).height();
if(scrollTop+windowHeight>=scrollHeight){
loadPromotions();
}
});
varpage=1;
varmorAvaliable=true;//标识还有数据可以加载
functionloadPromotions(){
if(morAvaliable){
varhref=location.href.split('?')[0];
varpageSize=5;
page++;
$.post(href,
{
pageNo:page,
pageSize:pageSize
}
,function(data){
if(data.length){
varhtml='';
$.each(data,function(i,list){
html+='<divclass="task-time">'+list.CreateTime+'</div>';
html+='<aclass="task-box"href="'+list.Url+'">';
html+='<h5>'+list.Title+'</h5>';
});
$('#promotionList').append(html);
}
else{
morAvaliable=false;
$('#loading').html('没有更多分享信息了');
}
}
);
}
}
以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。