Получение JSON из нескольких источников [дубликат]

У меня был случай, очень похожий, когда я отправлял в каждом цикле, а затем устанавливал разметку html в некоторых полях из чисел, полученных из ajax. Затем мне нужно было сделать сумму (обновленных) значений этих полей и поместить в полное поле.

Таким образом, проблема заключалась в том, что я пытался делать сумму на всех числах, но до сих пор нет данных от вызовов async ajax. Мне нужно было выполнить эту функциональность в нескольких функциях, чтобы повторно использовать код. Моя внешняя функция ожидает данных до того, как я перейду и сделаю некоторые вещи с полностью обновленным DOM.

    // 1st
    function Outer() {
        var deferreds = GetAllData();

        $.when.apply($, deferreds).done(function () {
            // now you can do whatever you want with the updated page
        });
    }

    // 2nd
    function GetAllData() {
        var deferreds = [];
        $('.calculatedField').each(function (data) {
            deferreds.push(GetIndividualData($(this)));
        });
        return deferreds;
    }

    // 3rd
    function GetIndividualData(item) {
        var def = new $.Deferred();
        $.post('@Url.Action("GetData")', function (data) {
            item.html(data.valueFromAjax);
            def.resolve(data);
        });
        return def;
    }

Вы можете применить метод when к вашему массиву:

var arr = [ /* Deferred objects */ ];

$.when.apply($, arr);

Как вы работаете с массивом отложенных jQuery?

Обходные пути выше (спасибо!) неправильно решают проблему возврата объектов, предоставленных методу отложенного resolve(), потому что jQuery вызывает обратные вызовы done() и fail() с отдельными параметрами, а не с массивом. Это означает, что мы должны использовать псевдо-массив arguments, чтобы получить все разрешенные / отклоненные объекты, возвращенные массивом отложенных, что является уродливым:

$.when.apply($,deferreds).then(function() {
     var objects=arguments; // The array of resolved objects as a pseudo-array
     ...
};

Поскольку мы прошли в массиве отложенных , было бы неплохо вернуть массив результатов. Также было бы неплохо вернуть фактический массив вместо псевдо-массива, чтобы мы могли использовать такие методы, как Array.sort().

Вот решение, основанное на методе метода [.9], который обращается к этим Проблемы:

// Put somewhere in your scripting environment
if (typeof jQuery.when.all === 'undefined') {
    jQuery.when.all = function (deferreds) {
        return $.Deferred(function (def) {
            $.when.apply(jQuery, deferreds).then(
                function () {
                    def.resolveWith(this, [Array.prototype.slice.call(arguments)]);
                },
                function () {
                    def.rejectWith(this, [Array.prototype.slice.call(arguments)]);
                });
        });
    }
}

Теперь вы можете просто передать массив отложенных / обещаний и вернуть массив разрешенных / отвергнутых объектов в ваш обратный вызов, например:

$.when.all(deferreds).then(function(objects) {
    console.log("Resolved objects:", objects);
});

В качестве простой альтернативы, которая не требует $.when.apply или array, вы можете использовать следующий шаблон для создания единого обещания для нескольких параллельных обещаний:

promise = $.when(promise, anotherPromise);

, например

function GetSomeDeferredStuff() {
    // Start with an empty resolved promise (or undefined does the same!)
    var promise;
    var i = 1;
    for (i = 1; i <= 5; i++) {
        var count = i;

        promise = $.when(promise,
        $.ajax({
            type: "POST",
            url: '/echo/html/',
            data: {
                html: "<p>Task #" + count + " complete.",
                delay: count / 2
            },
            success: function (data) {
                $("div").append(data);
            }
        }));
    }
    return promise;
}

$(function () {
    $("a").click(function () {
        var promise = GetSomeDeferredStuff();
        promise.then(function () {
            $("div").append("<p>All done!</p>");
        });
    });
});

Примечания:

• Я понял это, увидев, что кто-то цепочки обещает последовательно, используя promise = promise.then(newpromise)
• Недостатком является то, что он создает дополнительное обещание объекты за кулисами и любые параметры, переданные в конце, не очень полезны (поскольку они вложены внутри дополнительных объектов). Для того, что вам нужно, хотя оно короткое и простое.
• Поверхность - это не требует управления массивами или массивами.