javascript - 延迟 jquery ajax 请求的顺序

Question

我有语言列表，['en', 'de'] 等等，我想对每种语言进行复杂的 ajax 请求。在第一个 ajax 请求中，我得到了每种语言的意向数量。

var languages = ['en', 'de', 'es', 'fr', 'it', 'cn'];
intents_dic = [];
chart_quantity = ['quantity'];
for (var x = 0; x < languages.length; x++){
    $.ajax({
    url: 'url',
    type: 'GET',
    async: false,
    success: function(data){
        for (i in data){
            intents_dic.push(data[i]['id'])
        }
        var intents_count = 0;
        var deferreds = [];

在第二步中，我需要计算上一次通话中每个意图的短语数量。我为此任务使用延迟列表。

for (var id = 0; id < intents_dic.length; id++){
    deferreds.push($.ajax({
    url: 'url',
    type: 'GET',
    success: function(data){
        intents_count += data['templates'].length;
        }
    }))
}
$.when.apply(null, deferreds).done(function() {
    chart_quantity.push(intents_count);
})

但是当延迟的 ajax 请求完成时，完成的顺序与语言列表顺序不同(这是构建图表的原则)。这个问题可以解决吗，或者它是 ajax 调用的一个特性？谢谢。

Answer 1

这是您的 fork 并因此工作的 jsfiddle(具有有序结果的异步调用)。

for(var i = 0; i < 5; i++){
    setTimeout(function(x){
        done(x,results);
    }(i),1000);
}

http://jsfiddle.net/htuz3t3m/2/