页面向下滚动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获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短