jQuery无限滚动触发多个ajax请求

时间:2017-01-03 02:26:35

标签: javascript jquery ajax infinite-scroll

我添加了一些来自此tutorial的无限滚动,并且我一直停留在ajax请求上。它总是多次请求。

console img

这是我的代码:

$(document).ready(function() {
  var win = $(window);
  var page = 1;
  var req = null;
  win.scroll(function() {
    if ($(document).height() - win.height() == win.scrollTop()) {
      if (req != null) {
        req.abort();
      }
      req = $.ajax({
        url: "/member/member_c/generate_data",
        type: "POST",
        data: {
          "page": page
        },
        dataType: "text",
        success: function(msg) {
          var obj = jQuery.parseJSON(msg);
          if (obj.result) {
            $('#contentz').append(obj.data);
            console.log(JSON.stringify('page ' + obj.page + ' : ' + jQuery.inArray(page,done)));                                
            page = page + 1;
            req = null;
          }
        },
      });
    }
  });
});

我一直在想,什么是VM' VM'在我的控制台上,为什么总是会解决一个错误的问题。请求?

由于

1 个答案:

答案 0 :(得分:0)

您似乎以某种方式包含了两个代码副本,因为一个调用来自您的member_c.js文件,而副本来自VM22 *源。您应该向我们展示包含此问题的页面的完整源代码,而不仅仅是这个代码段。