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

网友投稿 175 2023-07-16


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

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

$(window).scroll(function () {

var scrollTop = $(this).scrollTop();

var scrollHeight = $(document).height();

var windowHeight = $(this).height();

if (scrollTop + windowHeight >= scrollHeight) {

loadPdfNoDHromotions();

}

});

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 += '

html += '';

dfNoDH html += '

});

$('#promotionList').append(html);

}

else {

morAvaliable = false;

$('#loading').html('没有更多分享信息了');

}

}

);

}

}


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:BootStrap的Datepicker控件使用心得分享
下一篇:对比Java中的Comparable排序接口和Comparator比较器接口
相关文章

 发表评论

暂时没有评论,来抢沙发吧~