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

Question

我正在处理这个网站，我需要弄清楚最后一次是什么时候ajax 调用完成...我正在使用这个 jQuery 插件，一切都很好，但是问题是客户端一次上传 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";
 }
}

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

Answer 2

您可以使用 closure 来生成具有已上传文件的本地记录的函数。

var fileUploads = function (filesNum, callback) {
    var numberFilesToUpload = filesNum;
    // code to upload file
    return function() {
     // this is the upload plug-ins callback function
     numberFilesToUpload--;
     if (numberFileToUpload == 0) {
       callback();
     }

    };

}(2, function () {
  //what you want to do when files are all uploaded.
});

fileUploads 将在上传 2 个文件后触发回调函数。回调和文件限制在此行中指定

var fileUploads = function () {
  //...
} (2, function () {});