页面向下滚动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获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。