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一样。

一旦解决了所有延迟对象，就提高jquerydeferred.then（）

3 个答案: