jQuery無限滾動觸發多個Ajax請求

Question

我在本教程中添加了一些無限滾動功能，但我一直受制於ajax請求。 它總是要求多次。

這是我的代碼：

$(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”是什么，為什么總是觸發“錯誤”請求？

謝謝

Answer 1

似乎您以某種方式包括了兩個代碼副本，因為一個調用來自於member_c.js文件，而副本來自VM22 *源。 您應該向我們展示此問題的頁面的整個源代碼，而不僅僅是這個片段。