Jquery 多个 AJAX 调用；获取所有失败的呼叫

发布于06月03日

我正在进行多个AJAX调用，如下所示.如果所有调用都成功，下面的代码就可以正常工作.但是，假设urlid3和4由于某种原因而失败.是否有可能在Fail函数中获取all个失败的urlID？

var urlId = [1, 3, 4, 7]
let requests = [];
for (let i = 0; i < urlId.length; i++) {
    requests.push($.ajax(...));
}
$.when.apply($, requests).done(function () {
    $.each(arguments, function (idx, args) {
        //process args : urlId[idx]
    });
}).fail(function (jqXHR) {
    //how to get urlId's failed
});

推荐答案

您将不能可靠地获得.fail处理程序中所有失败的ID，因为它将在任何延迟被拒绝时立即触发，而不管其他延迟的状态如何.

如果您希望跟踪哪些请求成功，哪些请求失败，我认为最好的 Select 是 for each 将捕获失败的$.ajax调用附加一个catch处理程序，并将其映射到一个引用id和成功/失败状态的对象.以这种方式捕获错误将意味着所有延迟都将成功，因此成功和失败状态的处理将需要在连接到$.when的done处理程序中执行.例如:

var urlId = [1, 3, 4, 7]
let requests = [];

urlId.forEach(id => {
  requests.push(
    $.ajax(/*...*/)
      .then(response => {
        return {
          id,
          success: true,
          response
        };
      })
      .catch(error => {
        return {
          id,
          success: false,
          error
        }
      })
  );
});

$.when.apply($, requests)
  .done(function (values) {
    $.each(arguments, function (idx, obj) {
      console.log(`${obj.id}: success = ${obj.success}`);
    });
 });

Here是一个可以参考的小提琴.