jQuery中的异步foreach

Question

我想要的是在异步模式下运行代码以获得更快的响应（多线程）。

我有一个像“源”这样的数组，里面有提要，我想要的是从每个源中获取数据。

我想过这样的事情：

$.each(sources, function(key, val) {
    JSON CALL OF EACH SOURCE
}

然后将所有结果分组到一个数组中并显示出来。问题是我想要异步模式下的 json 调用，因为它们中的一些需要一些时间。

如何在异步模式下使用 jQuery 执行“每个”？？

Answer 1

使用延迟对象：

// get an array of jqXHR objects - the AJAX calls will
// run in parallel, subject to browser limits on the number
// of concurrent connections to each host
var defs = $.map(sources, function() {
    return $.ajax({ url: this });
});

// when they're all done, invoke this callback
$.when.apply($, defs).done(function() {
    // "arguments" array will contain the result of each AJAX call        
    ...
});

要更改 AJAX 函数以便只返回 data 参数，您可以使用 .pipe()：

var defs = $.map(sources, function() {
    return $.ajax({ url: this }).pipe(function(data, text, jqxhr) {
        return data;  // filtered result 
    });
});