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

问题描述

问 题

可以一次调用 就把整个页面的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({});

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

解决方案

具体方法其他答主已经说了：将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()就可以了。

仅供参考。

这篇关于javascript - 怎么用一个方法终止本页面的所有ajax请求？abort一个ajax对象调用一次五个ajax就需要 五个ajax调用五次abort的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！