进行两个jQuery Ajax调用并获得两者的上下文，即使失败

Question

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

如果我做类似：

的事情

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

then函数只有在两个请求成功时才会被调用，因此，如果一个人失败，我将无法从成功的请求中获取任何数据。如果我使用FailCallback进行，或使用始终方法，则是这样：

$.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和始终回调仅报告失败请求的数据，因此我无法将有关成功请求的数据删除。同样，如果一个请求之一失败，则使用done（）延期延期也不会调用。因此，在某种情况下，如果一个请求404，我将无法从成功函数中获取任何数据。

我想我可以将延期延迟，因此它们不在何时循环中。但是，然后我遇到了确保两者在继续之前完成的问题。

Answer 1

这是一个选项（对不起，不使用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) {
}

Answer 2

实用程序方法$.get()仅提供成功回调，但低级别$.ajax()提供了成功，错误和始终回调（或其.done()，.fail()，.then()等效物）。通过解决自己的延期（对于每个Will.get（）），无论AJAX成功还是失败，您都可以获得所需的控制。

必须有很多方法来制定代码；这是一个涉及适配器函数liberalGet()的一个，它返回了一个自由化的承诺，无论$.ajax()结果如何

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响应的文本量。a1[0]，a2[0]让您访问JQXHR对象（及其属性）。因此，您可以根据需要在处理程序内循环并分支。