jquery - 如何使用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 不会跟踪竞赛。

我基本上想在同一个 $.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。