jquery - .When() 和 .done() 使用带有 .done 的数组

Question

我正在编写一个 google 内容脚本，我的程序需要对服务器进行大约 30 个 AJAX 调用。我将 JQuery 的 .when 函数与 .apply 结合使用，将数组传递给 .when 函数。我也在使用 .done 并且我希望能够传递一个参数数组，这些参数将从 .when 函数中获取延迟对象。有什么办法可以做到这一点吗？这就是我正在努力做的事情。

    var callback = function(a) {
  console.log("done", a);
};
var requests = [];
var requestArray = [];
  for(i = 0; i < liclass.length; i++) {
  requests.push($.ajax({
      url: liclass[i],
     success: function() {;
      }
    }));
            var str = "messageArg" + i
        requestArray.push(str)
  }

$.when.apply($, requests).done(function(requestArray){
callback(requestArray)});

Answer 1

您是否希望将 ajax 响应放入数组中，并在所有 ajax 调用返回时执行回调？实际上，您可以从传递给 .done() 的参数中获取这样的数组。

根据documentation for $.when :

1. 如果您对 $.when 返回的 Promise 调用 .done()传递单个 ajax 请求 Deferred，回调的第一个参数函数将是响应数据。
2. 如果您对 $.when 返回的 Promise 调用 .done()传递了多个 ajax 请求 Deferreds，“参数将是请求的 jqXHR 对象，按照它们在中给出的顺序参数列表。”这个说法似乎有点不准确，然而，因为示例中的注释指出:“每个参数都是具有以下结构的数组:[ data, statusText, jqXHR ]。”

因此你可以尝试:

var requests = $.map(liclass, function(url) {
    return $.ajax(url);
});

$.when.apply($, requests).done(function() {
    var results = (requests.length > 1)
        ? $.map(arguments, function(a) { return a[0]; })
        : [arguments[0]];
    console.log(results);
});

Demo on JSFiddle