在用到瀑布流下拉翻页时,js的响应事件:
$(window).scroll(function() {
if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
//滚动到底部
ajax_get();
}
});
代表当滑动条滑动到底部时的响应事件
但这样会有一个问题,就是有时候可能会触发2次或多次,特别是在网络比较差的时候,会发送多个相同的请求,导致刷出多个相同的数据页面
这里加上一个锁
在js的最前面初始化一个全局变量suo=1
然后在ajax_get();这个方法中
function ajax_get(){
if (suo == -1) {
return;
}
suo = -1;
$.ajax(){
url: "/index.php?m=Home&c=Group&a=group_Topic_GetPageList",
async: true,
data: {
page: page,
},
dataType: 'json',
success:function(data){
suo = 1;
}
}
}