如何使用jquery從2個json文件加載數據？

Question

我有兩個json文件，我想對他們做一個ajax調用。

$.getJSON('http://www.example.com/contest_media', function(data) { do something }); 
$.getJSON('http://www.example.com/contest', function(data) { do something }); 

我希望它成爲這樣的：

$.getJSON(['http://www.example.com/contest_media', 'http://www.example.com/contest'], function(data) { do something}); 

我也使用$.each(data, function(i,item) {}，所以我不能做：

$.getJSON('http://www.example.com/contests', function(data) { 
$.each(data, function(i,item) { 
    do something 
    $.getJSON('http://www.example.com/contest_media', function(data) {do something }); 
} 
}); 

這裏contest_media不會保持跟蹤contests。

我基本上想在同一個$.each中使用來自兩個json文件的數據。有任何想法嗎？

Answer 1

我相信這可以用$.when完成。在你的情況你的代碼可能會是這個樣子......

$.when(
    $.getJSON('http://www.example.com/contest_media'), 
    $.getJSON('http://www.example.com/contest') 
).done(function(contestMedia, contest) { 

    // do something  
    // contestMedia = [ "success", statusText, jqXHR ] 
    // contest = [ "success", statusText, jqXHR ] 

    // response data can be gotten with contest[2].responseText 

}); 

jQuery doc page for $.when

注意，這需要jQuery的1.5版本。

Answer 2

你不能只窩在它嗎？我想你無論如何都需要依賴來自兩者的數據。

$.getJSON('http://example.com/contest_media', function(data) { 
// do basic stuff 
$.getJSON('http://example.com/contest', function(data) { 
    // do more stuff now that you have both pieces of data 
}); 
});