jquery延迟化失败为成功

Question

因此，使用 jQuery deferreds 和 $.when 并行加载许多对象。

$.when(
  a.ajax(), b.ajax(), c.ajax()
).then(
  //do something when all are complete
  complete();
);

现在，b.ajax()有时会失败，但我实际上并不关心。我只想等到所有调用完成后再调用complete()。

不幸的是，一旦b失败，when()就会拒绝，并且永远不会触发then()回调。这是 AFAIK 预期的 $.when() 行为，但是在这种情况下不适合我。

我实际上想要一种方式来表达：

$.when(
  a.ajax(), b.ajax().fail(return success), c.ajax()
).then(...)

或者也许有一种不同的方式来使用 when() ，或更合适的构造？

Answer 1

如果你想捕获一个promise的失败并将其转换为成功，你可以使用 then 的failFilter返回一个已解决的承诺，如下所示：

deferredCall.then(function(answer) { 
   // this is success. you might transform the answer here.
   return transformed;
}, function() {
   // this is a fail. you might resolve the fail with an empty object.
   return $.Deferred().resolve({}).promise();
});

这样做将确保链可以在失败后继续不间断。

因此，对于您的示例，您可以这样做：

$.when([
   a.ajax(),
   b.ajax().then(function(answer) { 
       return answer; 
   }, function() {
       return $.Deferred().resolve({}).promise();
   }),
   c.ajax()
]).then(function(results) {
    // etc.
});

示例 2：在我的应用程序中，我有时使用 then 来获取关系特定实体的数据，并允许 404 指示不存在这种关系的可能性：

getEntity(id).then(function(entity) {
    return getAssociation(id).then(function(association) {
        entity.association = association;
        return entity;
    }, function() {
        entity.association = null;
        return $.Deferred().resolve(entity).promise();
    });
}).done(function(entity) {
    // etc.
});

注意，较旧的答案建议使用 pipe 方法。从 jQuery 1.8 开始，此方法已被弃用。

Answer 2

这比将失败转化为成功更好。

鲜为人知的事实是，如果任何一个参数失败，$.when() 将立即执行 then() 回调。这是设计使然。引用文档：

http://api.jquery.com/jQuery.when/

在多个 Deferred 的情况下，其中一个 Deferred 被拒绝，jQuery.when 立即为其主 Deferred 触发failCallbacks。请注意，此时某些延期问题可能仍未解决。如果您需要对这种情况执行额外的处理，例如取消任何未完成的ajax请求，您可以在闭包中保留对底层jqXHR对象的引用，并在failCallback中检查/取消它们。

实际上没有内置的方法可以等待所有任务完成，无论它们的成功/失败状态如何。

因此，我为您构建了一个 $.whenAll() :) 它总是等待所有问题都以一种或另一种方式解决：

http://jsfiddle.net/InfinitiesLoop/yQsYK/

Answer 3

您可以通过包装 $.Deferred 对象来相当轻松地构建 $.onFailSucceed：

$.onCompleteSucceed = function(oldDfd) {
    var newDfd = $.Deferred();

    oldDfd.always(newDfd.resolve);

    return newDfd.promise();
}

然后您可以在此方法中包装适当的调用：

$.when(
  a.ajax(), $.onCompleteSucceed(b.ajax()), c.ajax()
).then(...)

Answer 4

所以我最终弄清楚了，请参阅我对其他有相同问题的人的回答：

如何欺骗 jqXHR 总是成功

lonesomeday 的答案很简洁，但不完全是我所追求的。