怎么用一个方法终止本页面的所有ajax请求？abort一个ajax对象调用一次五个ajax就需要 五个ajax调用五次abort

Question

可以一次调用 就把整个页面的ajax都终止掉吗

var ajax1=$.ajax({});
var ajax2=$.ajax({});
var ajax3=$.ajax({});
var ajax4=$.ajax({});
var ajax5=$.ajax({});

我要终止这五个ajax请求 就需要
ajax1.abort()
ajax2.abort()
ajax3.abort()
ajax4.abort()
ajax5.abort()

有没有方法 调用一次就可以

$.ajax({});
$.ajax({});
$.ajax({});
$.ajax({});
$.ajax({});

因为 我现在整个 项目都要这么多 量太大 不好修改 只能统一找一个方法放到 模板页里面 每个页面都用一下

Answer 1

具体方法其他答主已经说了：将ajax对象放到数组里面。

但是，我估计题主现在面对的是一个已有的项目，重新修改各处的话变动多且工作量大。那么我提供一个可能最小改动的方法：

修改$.ajax方法。

具体代码：

var ajaxs = [];
var oldAjax = $.ajax;

$.ajax = function() {
    var args = Array.prototype.slice.call(arguments);
    var ajax = oldAjax.apply(this, args);
    ajaxs.push(ajax);
    return ajax;
}

// 新增abortAll函数。
function abortAll() {
    $.each(ajaxs, function(i, ajax) {
        ajax.abort();
    });
}

这样，就不需要每处调用都修改。取消时，只需要调abortAll()就可以了。

仅供参考。

Answer 2

创建一个数组，将所有的ajax调用结果保存在该数组里面

var aborts = [];

$.ajax({}).push(aborts);

你需要全部终止的时候，只需要遍历该数组即可。

$.each(aborts, function(i, val) {
    val.abort();
})

Answer 3

那你发起ajax的时候，就把它加入一个数组，要终止所有的ajax，就写个函数，遍历数组并依次调用abort...

Answer 4

答案已经很明确了，把页面上所有的ajax对象放在一个数组中，然后遍历终止ajax.abort（）即可