jquery - 解决所有延迟对象后，提高 jquery deferred.then()

Question

我有两个 javascript 函数，save()并且saveAll()，设置如下：

function save(data) {
    return $.post('/save', data);
}

function saveAll(callback) {
    var dataArray = [];
    $.each(dataArray, function() {
        save(this);
    });
    callback();
}

我有兴趣进行修改saveAll()，以便它利用 jquery 延迟对象，并在所有操作完成后引发callback函数。save()但是，我不确定确切的语法……特别是与 $.when() 中的 $.each() 相关。会是这样吗？

function saveAll(callback) {
    var dataArray = [];
    $.when(
        $.each(dataArray, function() {
            return save(this);
        })
    ).then(callback);
}

Answer 1

正如 Eli 指出的那样， $.when() 接受逗号分隔的参数列表，而不是数组。使用Function.apply()传入数组似乎可以解决问题。

function saveAll(callback) {
    var dataArray = [], deferreds = [];
    $.each(dataArray, function() {
        deferreds.push( save() );
    });

    $.when.apply(window, deferreds).then(callback);
}

Answer 2

您应该能够将逗号分隔的延迟对象列表传递给$.when并.then在它们全部解决后执行。

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

Answer 3

我认为的问题$.each是返回您的dataArray，而不是Deferred您想要提供的对象列表$.when。