如何在将多个Ajax调用捆绑到jQuery.when（）中时处理错误？

Question

我想等待多个AJAX调用，而不需要将回调嵌套在另一个中。

从this文档，我知道这是可能的使用jQuery.when()。

$.when($.ajax("/page1.php"), $.ajax("/page2.php")).done(function(a1, a2){ 
    /* a1 and a2 are arguments resolved for the 
     page1 and page2 ajax requests, respectively */ 
    var jqXHR = a1[2]; /* arguments are [ "success", statusText, jqXHR ] */ 
    if (/Whip It/.test(jqXHR.responseText)) { 
     alert("First page has 'Whip It' somewhere."); 
    } 
}); 

但是，从提供的示例中，我不明白错误是如何处理的。在正常的jquery.ajax呼叫中，我在选项中提供了一个error回调。

理想情况下，我希望当至少有一个ajax调用导致错误时调用提供的错误回调函数。

Answer 1

正确的做法是将then链接到when而不是done。

例如：

$.when(
    $.ajax("/page1.php", { 
    error: function(jqXHR, textStatus, errorThrown){ 
     // handle the error for this specific call 
    }, 
    success: function(data, textStatus, jqXHR){ 
     // handle the success for this specific call 
    } 
    }), 
    $.ajax("/page2.php"), { 
    error: function(jqXHR, textStatus, errorThrown){ 
     // handle the error for this specific call 
    }, 
    success: function(data, textStatus, jqXHR){ 
     // handle the success for this specific call 
    } 
    }).then(
    function(){ 
    // all calls succeeded 
    }, 
    function(){ 
    // at least one of the calls failed 
    } 
});