ajax 同时多个请求，各个请求返回结果汇合再进行后续操作，该如何实现？

Question

想要实现ajax同时调用多个接口，每个接口返回结果保存到一个集合中，然后再进行后续操作该如何实现？一个应用场景应该像这个样子的：接口A返回用户ID，接口B返回用户性别，然后根据用户ID和性别进行后续查询，接口A和接口B是相互独立的

Answer 1

使用promise，在jquery的用法如下：使用when方法

$.when([$.ajax('/request1'), $.ajax('/request2'), $.ajax('/request3')]).done(function (data) {
     console.log('第一个ajax请求',data[0]);
     console.log('第二个ajax请求',data[1]);
     console.log('第三个ajax请求',data[2]);
});

Answer 2

可以用 Promise 之類的實現，但靠別人寫好的庫來實現比較省事
caolan/async(https://github.com/caolan/async)

jsFiddle

這邊用到 async.parallel 來達到同時請求並等待返回，再進行下一步，async 還有其他很好用的方法

Async中文文檔

Answer 3

通常有这种需求的时候，想想是否可以使用一次异步请求去实现。
如果真的是特殊情况，那么就在第一个异步成功后，在回调方法内执行第二个异步，以此类推。
但这样子，不便于代码的后期维护。

Answer 4

好吧，我提供一种low的方法：发起多个异步加载，在每个加载完成事件里面写object["对应事件的标识"]=true, 500毫秒循环到40次的样子，中途检测到object对象里面每项值都为true，说明都加载完了。