我有多个ajax查询同时运行,希望它们等待最后一个返回,然后在所有ajax调用上运行成功处理程序。 以简化的例子为例:
$.ajax({//ajax call 1
url:page1.php,
success: function(data1){
//do something with data1
}
});
....
$.ajax({//ajax call 2
url:page2.php,
success: function(data2){
//do something with data2
}
});
//consider more than just two concurrent requests
假设所有请求同时发送,由于它们是异步的,它们将在不同的时间返回。假设一个请求需要100ms返回,另一个请求需要3000ms返回。我显然不知道哪个请求会先返回或最后返回。它们都以某种方式更新DOM,并且我希望这些更改可以一次性地显示给观众。我该怎么做?我所能想到的最好办法是将data1和data2保存为全局变量。然后有一个计数器变量,每当成功返回一次时计数。然后,在counter == TOTAL_NUM_REQUESTS的情况下调用像updateAll()这样的函数,然后运行所有全局变量并将它们放置在需要它们的位置上。但这似乎很混乱,容易出错。而且那将会是很多全局变量。
我理想中的解决方法是让成功处理程序返回时休眠,然后在我统计所有请求都已返回的条件下,向它们所有人发送唤醒消息,它们可以恢复执行。这似乎是最简洁的解决方案,但我不知道JavaScript中是否有此类功能。
大家有没有什么聪明的主意? 答案更新 感谢下面的Lee,我能够得到一个解决方案。我的解决方案看起来类似于他下面的解决方案。我构建了一个async变量列表,这些变量被分配给$.ajax调用。最初这些ajax调用的成功处理程序仍在被调用,所以我将它们删除并放到另一个函数中,随后由我编写的这个when块调用。我像这样将results传递给该函数:
var results = [];
results.push(async1);
results.push(async2);
... for all the results ...
$.when.apply(this, results).done(function() {
for(var i=0;i<arguments.length;i++){
dataobject=arguments[i][0]
if(dataobject.variousattribute)
mySuccessHandlerFirstGuy(dataobject)
else if(dataobject.anotherattribute)
mySuccessHandlerSecondGuy(dataobject)
//etc ....
}
};
要弄清楚 arguments 对象需要一些功夫。它是一个2D数组(列表的列表)。第一个索引表示与给定的 AJAX 请求相对应的返回对象。它看起来很有序,但最好让服务器返回您可以查找并编写 if/else 块的内容。然后,在该元素中,似乎有3个元素在该列表中。第一个是从服务器返回的值,即您想要的内容。第二个始终是字符串success
,您可以使用它来检查调用是否成功。在该列表中的第三个元素似乎是初始请求(尽管我不确定)。这对我没有任何用处。
无论如何,我希望这可以帮助未来的某个人。再次感谢李指导我走向正确的方向。