javascript - jQuery:如何在所有异步调用返回时触发事件？

Question

我有一个 jQuery 应用程序，它从五个异步服务器调用加载数据。在五个调用全部返回之前，我不想显示任何数据。 (我计划在此之前显示正在加载消息。)

如何检测所有五个调用何时返回？我考虑过让每个回调方法增加一个变量(也许使用 jQuery 的 data() 方法)，然后等待值变为 5。(我还不确定我将如何监听该事件。)我不认为这是然而，这是一个非常好的解决方案。如果两个调用同时返回会怎样？

有更好的方法吗？

Answer 1

如果您已经在使用 jQuery 进行 AJAX 调用，则可以使用 $.ajaxStop()为此，它会在 所有 当前调用返回时触发，您可以像这样使用它:

$("#loading").ajaxStop(function() {
  $(this).fadeOut();
});

这与 .click() 并没有什么不同，因为它只是一个事件，如果你愿意，你可以自己使用 ajaxStop 事件，就像这样:

$("#loading").bind('ajaxStop', function() {
  $(this).fadeOut();
});