javascript - 使用多个 $.getJSON 调用从 $.when 返回数据

Question

在下面的代码中，我使用 $.getJSON(从存储库返回)和 $.when 检索数据，因为最后一次调用取决于来自第一:

var getData =

    function () {

        var data = { userData: null, userTitles: null, userPage: null };

        $.when(repository.getUserDetails().done(f1)),
                    repository.getUserPolicyTitles().done(f2)
            .then(repository.getUserPage().done(f3));


        function f1(userData) { data.userData = userData; console.log(data.userData) };
        function f2(userTitles) { data.userTitles = userTitles; console.log(data.userTitles) };
        function f3(userPage) { data.userPage = userPage; console.log(data.userPage) };

        return data;
    }

   return {
       getData: getData
   };

其中大部分工作正常。但是，我想将数据返回给调用模块，但它会在数据准备好之前返回，正如我想您所期望的那样。

实现此目标的最佳方法是什么？

谢谢

戴维

Answer 1

您对 deferred 的使用似乎不正确。这是我的解释。

此外，您还需要考虑，一旦开始调用异步方法，就无法进行同步返回调用，而这正是您正在做的事情。您需要返回一个 promise ，而不是返回数据；然后你为 promise 提供一个回调函数来处理数据

var getData = function () {
    var myDeferred = $.Deferred();
    var data = { userData: null, userTitles: null, userPage: null };

    $.when(repository.getUserDetails().done(f1),
           repository.getUserPolicyTitles().done(f2),
           repository.getUserPage().done(f3)).then(
        function(){ myDeferred.resolve(data); },
        function(){ myDeferred.reject.apply(myDeferred, arguments); });

    //... f1, f2, f3

    return myDeferred.promise();
}

return {
    getData: getData
};

然后，当您想实际使用数据时，您就可以

your_library.getData().then(function(data){
        // magic goes here
    }, function(errors_of_some_sort) {
        // error handling magic goes here
    });