流加载的问题(出现多次请求问题)

提问 未结
0 632
你的屏幕有睫毛
悬赏:20飞吻
版本:layui 2.2.45 浏览器:chrom
问题描述:有多个商品分类,每个分类默认显示50条,设置为自动加载下一页,先点击分类1,链接为url1,然后滚动到最后,加载第二页,此时点击分类2,链接为url2,默认加载没问题,如果此时滚动到最后,加载第二页,则请求为 url2--->url1-->url2,也就是说虽然最终数据是正确的,但历史点击的请求依然会执行,如果点击了是个分类,则会请求十一二次,主要代码如下:
 $("#products").empty();
index = layer.load(0, {shade: false});
flow.load({
elem: '#products' //流加载容器
,isAuto: true
,isLazyimg: true
,done: function(page, next){ //加载下一页
var html =[];
// console.log(url);
$.ajax({
url:url,
data:{"page":page},
success:function (data) {
var products = data.data;
$.each(products,function (i,data) {
html.push("内容");
});
next(html.join(''), page <10);
layer.close(index);
}
});

}
});
回帖
  • 消灭零回复
本帖已设置禁止回复