页面向下滚动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获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下