进行两个jQuery AJAX调用，并获取两个调用的上下文，即使其中一个失败

Question

我想要两个对数据发出两个AJAX请求。一个或两个请求可能会失败。在这种情况下，我仍然希望与来自两个请求（或成功请求）的数据进行交互。

如果我做了这样的事情：

$.when($.get("page1"), $.get("page2")).then(function(a1, a2) {

})

then函数只有在两个请求都成功时才会被调用，因此如果其中一个请求失败，我就无法从成功的请求中获取任何数据。如果我使用failCallback，或者使用always方法，如下所示：

$.when($.get("page1"), $.get("page2")).then(function(a1, a2) {
    console.log("this is only called if both succeed.");
}, function(a1, a2, a3) {
    console.log("this is only called with a then() failure");
}).always(function(a1, a2, a3) {
    console.log("this will fire when always() does.");
});

failCallback和always callback只报告失败请求的数据，因此我无法获取成功请求的数据。类似地，如果其中一个请求失败，则使用done（）deferred不会调用。所以有一种情况，如果一个请求404，我无法从成功的函数中获得任何数据。

我想我可以解耦延迟，这样它们就不会都在时间循环中。然而，我遇到了确保两者在继续之前完成的问题。

Answer 1

实用程序方法$.get（）只提供成功回调，而低级的$.ajax（）提供成功、错误和始终回调（或它们的.done（），.fail（），.then（）等同物）。通过解决自己的延迟问题（针对每个wouldbe.get（）），无论ajax成功与否，都可以获得所需的控制。

制定守则的方法必须多种多样；这里有一个涉及适配器函数liberalGet（）。

function liberalGet(url) {
    var dfrd = $.Deferred();
    $.ajax({
        url: url
    }).then(dfrd.resolve);
    return dfrd.promise();
}

$.when(liberalGet("page1"), liberalGet("page2")).done(function(a1, a2) {
    var textStatus = [ a1[1], a2[1] ];//"success", "notmodified", "error", "timeout", "abort", or "parsererror".
    console.log(textStatus.join(', '));
});

如您所见，参数a1[1]，a2[1]允许您访问每个ajax响应的textStatusa1[0]，a2[0]允许您访问jqXHR对象（及其属性）。因此，您可以根据应用程序的需要在处理程序内循环和分支。

Answer 2

这里有一个选项（很抱歉没有使用jQuery延迟工具）

var NUM_CALLS = 2, count = 0, results = [], errors = [];
function callback(err, data) {
  count++;

  if (err){
    errors.push(err);
  }

  if (data){
    results.push(data);
  }

  if (count === NUM_CALLS) {
    done(errors,results);
  }
}


function ajax(url) {
  $.ajax({
    type: 'GET',
    url: url,
    success: function(){ return callback(null, arguments); },
    error: function(){ return callback(arguments, null)
  });
}

ajax('page1');
ajax('page2');

// now you have the errors and results
function done(errors, results) {

}