jquery-ui - 有没有办法判断最后一个ajax调用是否完成？

Question

我有这个site我正在努力，我需要弄清楚最后一个 ajax 调用何时完成...我正在使用这个 jQuery plugin一切都很好，但问题是客户端一次上传 2 个文件...并且我需要在最后一次 ajax 调用后重定向到另一个页面。如果您在上传文件时在 firebug 中查看它，它会运行 http://dev.posnation.com/test/j/example/upload.php 两次，并且我需要在且仅此后进行页面重定向第二次运行后..javascript 或 jQuery 是否有方法来判断 ajax 调用是否完成。

这是实例化它的代码

// Initialize the jQuery File Upload widget:
$('#fileupload').fileupload();

jQuery.fileupload.js中有一个onDone函数

    _onDone: function (result, textStatus, jqXHR, options) {

但它在第一次运行后运行，而不是在两个文件上传后运行....有关如何在两个文件上传后重定向到另一个页面的任何想法....提前致谢

Answer 1

简短的答案是减少 onDone 回调中的计数器。一种可能的实现是使用全局变量，如下所示:

var numberFilesToUpload = 2;

// code to upload file
onDone: function() {
 // this is the upload plug-ins callback function
 numberFilesToUpload--;
 if (numberFileToUpload == 0) {
   windows.location.href = "/uploading-finished";
 }
}

还有更优雅的解决方案，但它们都涉及递减计数器。