页面向下滚动ajax获取数据的实现方法(兼容手机)

发布时间：2020-12-15 23:26:48 所属栏目：百科来源：网络整理

导读：页面向下滚动ajax获取数据的实现方法(兼容手机) if (scrollTop + windowHeight = scrollHeight) { loadPromotions(); }}); var page = 1; var morAvaliable = true;//标识还有数据可以加载 function loadPromotions() { if (morAvaliable) { var href = loca

页面向下滚动ajax获取数据的实现方法(兼容手机)

  if (scrollTop + windowHeight >= scrollHeight) {
    loadPromotions();
  }

});

var page = 1;
var morAvaliable = true;//标识还有数据可以加载
function loadPromotions() {
if (morAvaliable) {
var href = location.href.split('?')[0];
var pageSize = 5;
page++;
$.post(href,{
pageNo: page,pageSize: pageSize
},function (data) {
if (data.length) {
var html = '';
$.each(data,function (i,list) {
html += '<div class="task-time">' + list.CreateTime + '

';
html += '<a class="task-box" href="' + list.Url + '">';
html += '

' + list.Title + '

';
});
$('#promotionList').append(html);
}
else {
morAvaliable = false;
$('#loading').html('没有更多分享信息了');
}
}
);
}
}

以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!