瀑布流翻页 锁的实现

来源:互联网 发布:windows 10 安装office 编辑:程序博客网 时间:2024/05/17 06:06

在用到瀑布流下拉翻页时,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;}    }}



0 0