我有一个页面，使用 jQuery .ajax 调用 100 次（异步：true），问题是，当它们都被加载时，我需要系统等待所有 100 个调用返回之前继续。我该怎么办？
提前致谢！ :)
更新：
这些调用是在 for() 循环中进行的（有 100 个 :)）
【问题讨论】：
标签： ajax jquery jquery-deferred
最好的方法是使用$.when。您可以按如下方式使用它：
$.when(
$.ajax({/*settings*/}),
$.ajax({/*settings*/}),
$.ajax({/*settings*/}),
$.ajax({/*settings*/}),
).then(function() {
// when all AJAX requests are complete
});
或者，如果您将所有 AJAX 调用放在一个数组中，您可以使用 apply：
$.when.apply($, ajaxReqs);
请注意，这至少需要 jQuery 1.5。
要将 AJAX 请求添加到数组，请执行以下操作：
var ajaxReqs = [];
for (var i = 0; i < 100; i++) {
ajaxReqs.push($.ajax({
/* AJAX settings */
});
}
$.when.apply($, ajaxReqs).then(function() {
// all requests are complete
});
【讨论】：
这种问题在数据库 SQL 设计中随处可见 - 虽然并不完全相同 - 但问题正是要解决的问题：网络通信。
您需要注意它，因为如果您没有正确执行它，它会回来咬您 - 即用户会因为不得不等待而感到非常恼火。这一点我怎么强调都不过分。
这是场景： 您希望根据请求从您的服务器传输许多小型信息。 每个请求都取决于许多有效运行的因素。所有这些都在你的控制之外：
Wide area Network reposnse time (anywhere in the world right?)
Locak area Network reposnse time (anywhere in the building)
WebServer Load
WebServer Response time
Database response time
Backend Script run time
Javascript run time to process the result
The fact that the browsers are generally limited to 6-8 parallel AJAX requests at once (I think - someone correct me on the exact number)
按要求乘以（呃……在你的情况下 x 100）
得到图片？
它可能在本地机器上的测试中运行良好。您甚至可能在完全相同的机器上运行您自己的数据库和网络服务器...但是在野外尝试一下，不久您就会遇到不可靠性问题。
听着，最简单的做法是将所有参数包装到一个 JS 数组中，然后在一个 POST 请求中发送。然后在服务器上执行所有数据库选择并将响应汇总到一个 JSON/XML 响应中。
此时您只需要等待一个 AJAX 响应。您可以在 JSON/XML 结果中找到所有数据。
鉴于您正在处理 100 个请求，您可能能够使用秒表实际测量节省的时间！
从我这里拿走 - 做尽可能少的网络请求。
【讨论】：
您可以使用Deferred object api。只要 $.ajax 返回延迟对象，你就可以尝试下面的代码来使用循环：
var ajaxes = [];
for (i = 1; i < 100; i++) {
ajaxes[i] = $.ajax({/*data*/});
}
$.when.apply( ajaxes )
.then(function(){
console.log( 'I fire once all ajax requests have completed!' );
})
.fail(function(){
console.log( 'I fire if one or more requests failed.' );
});
附： Eric Hynds Using Deferreds in jQuery 1.5 有一篇关于使用延迟对象的精彩文章
【讨论】：
$.when（包括包含延迟对象的数组），它将立即返回。您需要在我的回答中使用$.when.apply 来解决这个问题。
100 次 Ajax 调用？似乎是一个非常奇怪的要求，而您尝试实现的目标很可能使用另一种方法来实现：
变量 i = 0; 函数 myCallback() { alert('已完成 100 次'); } 函数 doAjax() { $.ajax({ 网址：'blah.php'， 数据：'你好=世界'， 成功：功能（响应）{ 我++； }, 完成：函数（）{ 如果（我【讨论】：
我不是 JS 人，但我会创建一个全局变量，这将是计数器，并定义一个定时函数来定期检查这个全局变量是否达到 100。
编辑：setTimeout()
【讨论】：