带有延迟的 jQuery 函数链接：.done()-Function 立即调用答案

【问题标题】：jQuery function chaining with deferred: .done()-Function instantly called带有延迟的 jQuery 函数链接：.done()-Function 立即调用
【发布时间】：2018-02-13 13:49:21
【问题描述】：

我正在尝试在多个函数中获取一些数据，并希望将它们链接起来，以便仅在正确加载所有数据时执行最后一个函数。

问题是 .done() 部分中的函数会立即被调用，而不是等到 Deferred-Object 被解决。我也尝试过用 .then() 链接它们，但这也没有用。

var array1, array2;

function doStuffWithReceivedData() {
    // Working with the data
}

function getArray1() {
    var defArray1 = $.Deferred();

    $.getJSON(url, function(data) {
        if (data.success) {
            array1 = data.payload;
            defArray1.resolve();
        } else {
            // Information displayed that there was an error
        }
    })

    return defArray1;
}

// Function 2 is like the first one
function getArray2() {...};

$(document).read(function() {
    getArray1()
        .done(getArray2()
            .done(doStuffWithReceivedData()));
}

【问题讨论】：

您正在调用这些方法，而不是提供它们的引用。去掉括号。
使用这个--getArray1().promise().done(function() { doStuffWithReceivedData() });
stackoverflow.com/questions/15886272/…
删除括号就可以了！谢谢大家。

标签： javascript jquery deferred jquery-chaining

【解决方案1】：

.done() 的参数必须是函数。您正在调用该函数，而不是传递它。去掉括号。

$(document).ready(function() {
    getArray1()
        .done(function() {
            getArray2().done(doStuffWithReceivedData));
        }
}

【讨论】：