php页面加载延迟，直到当前页面上的所有ajax调用完成

Question

我有一个 PHP 页面 (index.php)，它正在对另一个 PHP 页面进行一些 ajax 调用
（例如：data1.php）用内容填充一些 div。
当我单击另一个菜单项 (companies.php) 时，(companies.php) 页面的加载会延迟，直到 (index.php) 页面上的所有 ajax 调用完成。

但是当我点击另一个页面而不是等待时，我需要停止所有 ajax 调用。
我该如何解决这个问题？

Answer 1

创建一个 ajax 请求，您可以使用变量来存储它：

var request = $.ajax({
    type: 'POST',
    url: 'url',
    success: function(result){}
});

然后您可以在事件触发 onbeforeunload 时中止请求：

request.abort();

您可以使用一个数组来跟踪所有待处理的 ajax 请求并在必要时中止它们。

var request = [];
request.push($.ajax(...))

var _abortAllRequests = function () {
    $(request).each(function (i, xhr) { xhr.abort(); });
    request = [];
}

$(window).on("beforeunload", function () { 
    _abortAllRequests();
});