微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

原文地址:https://www.jb51.cc/ajax/48498.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐