0

我有一个包含一些 URL 的数组，我想获取它们的 HTML 并将其推送到另一个数组（或 JSON 或其他东西）中。

代码如下所示；

url = ["/page_1.html", "/page_2.html"];
received_data = [];    

function() {
    url.each(function(i) {
        $.ajax({
            type: 'GET',
            url: this,
            success: function(data) {
                received_data.push(data);
            }
        });
    });

    // send received_data to some other server
};

问题是这段代码不会等待 ajax() 请求并开始发送 received_data 空。如何等到所有 ajax() 请求结束（使用同步请求除外）？

4

1 回答 1

10

您可以使用$.ajaxas a的返回值Promise，并等待所有这些都使用jQuery.when：

function() {
    var gets = [];
    url.each(function(i) {
        gets.push($.ajax({
            type: 'GET',
            url: this,
            success: function(data) {
                received_data.push(data);
            }
        }));
    });

    $.when.apply($, gets).then(function() {
        // send received_data to some other server
    });
};

调用$.when看起来有点古怪，因为它期望接收一系列Promises 等待作为离散参数，而不是一个数组，所以我们习惯Function#apply这样做。如果你要经常这样做，你可能想要扩展 jQuery 一点：

(function($) {
    $.whenAll = function() {
        return $.when.apply($, arguments);
    };
})(jQuery);

那么你的使用就变成了：

$.whenAll(gets).then(function() {
    // send received_data to some other server
});

旁注：我假设function在您的真实代码中上面的单词前面有一些东西（例如，f = function，或者f: function如果它在对象文字中）。否则，它是一个无效的函数声明，因为它没有名称。（如果你确实有一些东西，它是一个有效的匿名函数表达式。）

于 2013-05-13T14:38:19.980 回答