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

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

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

ringa_lee 2017-04-11 12:04:55

[JavaScript讨论组]

718

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

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

ringa_lee

全部回复(4)

巴扎黑2017-04-11 12:06:55 4楼

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

仅供参考。

赞 +0

添加回复

迷茫2017-04-11 12:06:55 3楼

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

var aborts = [];

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

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

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

赞 +0

添加回复

PHP中文网2017-04-11 12:06:55 2楼

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

赞 +0

添加回复

阿神2017-04-11 12:06:55 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>