页面向下滚动ajax获取数据的实现方法(兼容手机)
$(window).scroll(function () {
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
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 + \'</div>\';
html += \'<a class=\"task-box\" href=\"\' + list.Url + \'\">\';
html += \'<h5>\' + list.Title + \'</h5>\';
});
$(\'#promotionList\').append(html);
}
else {
morAvaliable = false;
$(\'#loading\').html(\'没有更多分享信息了\');
}
}
);
}
}
以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。
本文地址:https://www.stayed.cn/item/1718
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我