javascript - 如何取消for循环内的所有ajax请求

Question

如何取消for循环处理的所有ajax请求

var url = ["www.example.com","www.example2.com",....];

for (var i = 0; i < url.length; i++) {

var XHR =$.get(url[i], function(data) {
    //stuff to do 

});
}

尝试使用

XHR.abort()

但它只取消最后一个循环

Answer 1

它只停止最后一个请求，因为您在 for 循环中重复分配 AJAX 调用的引用。因此，当循环结束时，您将在 XHR 变量中获得最后一次 AJAX 调用的引用。

在XHR 上调用abort() 只会停止最后一个请求。为了缓解，您需要将所有 AJAX 请求放在第二个数组中，并在其上循环以停止每个请求:

var url = ["www.example.com","www.example2.com",....];
// Create a second array to hold the references of AJAX requests
var requests = [];

for (var i = 0; i < url.length; i++) {
  var XHR = $.get(url[i], function(data) {
    // do stuff here
  });

  // Add the AJAX reference to the array
  requests.push(XHR);
}

// To stop all requests:
requests.forEach(request => request.abort());