jQuery Deferred - 等待多个 AJAX 请求完成

Question

这个问题已经有答案了:

Pass in an array of Deferreds to $.when() (9 个回答)

已关闭 9 年前。

我有一个三层深的延迟 ajax 调用链，理想情况下，当最深层完成时，它们会一直执行 promise (让我想起《盗梦空间》……“我们需要更深入!” )。

问题是我一次发送了许多 ajax 请求(可能是数百个)，并且需要推迟到所有请求都完成为止。我不能指望最后一项是最后完成的。

function updateAllNotes() {
    return $.Deferred(function(dfd_uan) {
        getcount = 0;
        getreturn = 0;
        for (i = 0; i <= index.data.length - 1; i++) {
            getcount++;
            $.when(getNote(index.data[i].key)).done(function() {
                // getNote is another deferred
                getreturn++
            });
        };
        // need help here
        // when getreturn == getcount, dfd_uan.resolve()
    }).promise();
};

Answer 1

您可以将 .when() 和 .apply() 与多个延迟一起使用。非常有用:

function updateAllNotes() {
    var getarray = [],
        i, len;

    for (i = 0, len = data.length; i < len; i += 1) {
        getarray.push(getNote(data[i].key));
    };

    $.when.apply($, getarray).done(function() {
        // do things that need to wait until ALL gets are done
    });
}