多个异步请求的执行顺序

Question

请考虑以下代码：

<div id="output"></div> 

var i, item;
var s = "Succeed";

for (i = 0 ; i < s.length ; i++){
    item = s[i];
    (function(item){
       $.get('http://echo.jsontest.com/key/value/one/two').done(function(ret){
          $("<p>"+item+"</p>").appendTo($('#output'));
       });
    })(item);
}

我如何解决它以正确的顺序而不是随机的Succeed？ 我想保留异步请求。

Answer 1

实现目标的两种方法是将异步请求与实际绘图分开。

1. 使用实际绘图分隔异步请求

   • 使用异步请求获取所有项目并将其放入列表
   • 在收到所有项目后对列表进行排序并将其显示给用户

2. 介绍收到项目的老虎机系统或位置索引