用JavaScript调用Ajax for循环，保持响应的命令也

Question

for (var i = 0; i < 5; i++) { 
    (function(val) { 
     $.get('http://x.com/androidapi/clou.php?value=' + val, function(data) { 
      console.log(data) 
     }) 
    })(i) 
} 

我有我的API响应设置为10秒延时如果传递的值是2，所以2响应来得晚。有没有实际使ajax调用同步的任何方式来同步调用？ API只是回应价值，我得到的回应是随机的，最后是2。我的愿望目标是实现输出为0 1 2 3 4。

Answer 1

您可以$.when()和$.Deferred()做到这一点：

var deferreds = []; 

for (var i = 0; i < 5; i++) { 
    (function(val) { 
    var dfd = $.Deferred(); 
    $.get('http://x.com/androidapi/clou.php?value=' + val, function(data) { 
     dfd.resolve(data); 
    })); 
    deferreds.push(dfd); 
    })(i) 
} 

$.when.apply(null, deferreds).done(function(){ console.log.apply(console, arguments)}); 

小提琴：https://jsfiddle.net/caeth/kqp294Lc/