页面向下滚动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获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 祝女儿简短祝福语大全
11 大学新年祝福语简短创意
12 元旦适合的祝福语简短
13 朋友出远门祝福语简短
14 初六简短的祝福语
15 祝男孩生日祝福语简短
16 同事调离的祝福语简短
17 拜年红包的祝福语简短
18 妈妈生日祝福语简短励志