javascript - 在处理旧请求时阻止新的 ajax 请求

Question

我正在尝试编写从服务器上滚动获取数据的函数。我将不得不编写一个像这样的函数......

         function onscrollend()
         {
           $.ajax({
         });
         }

我现在对如何检查正在进行的旧 .ajax() 调用有点困惑。这样我就可以取消新的了。我很困惑，因为每次调用该函数时，如何检查之前的调用状态。我可以访问之前调用的变量吗？

Answer 1

$.ajax() 返回 promise它公开了 readyState 属性，因此您可以将 $.ajax() 调用的返回值分配给一个变量并检查其 readyState

var xhr = {};
function onscrollend() {
  if(xhr.readyState === 4) {
    xhr = $.ajax({
      // ..
    });
  }
}

然后 ajax 调用只会在前一个调用完成时触发 (readyState == 4)。