asyn foreach在jQuery

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 
    }); 
});