分类分类
更新时间:2026-07-14 12:47:44作者:fang
最近遇到,如果用户频繁点击ajax请求,有两个问题:
1,如果连续点击了5个ajax请求,前4个其实是无效的,趁早结束节省资源。
2,更严重的问题是:最后一个发送的请求,响应未必是最后一个,有可能造成混乱。还需要一个队列来维护发送的请求和响应。
我其实已经设计好了该队列的实现方式,后来发现jQuery直接通过abort方法,这样就不需要那么复杂的实现了,毕竟还有其他事情等着完成。
用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。
举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回数据。假设服务端是30秒刷新一次链接,如果我们在10秒时想要停止这个ajax请求,怎么办呢?
先上代码,后面再解释
var ajaxGet = $.get(“comet_server.php”,{id:1},function(data){
….//一些操作
});
ajaxGet.abort();
上面这段代码其于两个知识点:
1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样)
2. XMLHttpRequest对象有abort()方法
注意:abort()后,ajax请求立即停止,但还是会执行后面的function()。如果想避免执行其中的操作,可以在function()开始位置加判断
var ajaxGet = $.get(“comet_server.php”,{id:1},function(data){
if(data.length == 0) return true;
….//一些操作
});
ajaxGet.abort();
终止ajax请求:
var request = $.get(“ajax.aspx”,{id:1},function(data){
//do something
});
//终止请求动作.
request.abort();
防止重复请求:
var request;
if(request != null)
request.abort();
request = $.get(“ajax.aspx”,{id:1},function(){
//do something
});
ajax & setTimeout实现 secondTry 在等待一秒之后将firstTry的ajax终止:
var firstTry = $.ajax(
//do something
);
var secondTry = setTimeout(function(){alert(‘ok');firstTry.abort()},1000);
以上就是本文章的内容,希望对大家有所帮助
相关
喜气冲冲2026最新版本生活服务41.8 MBv1.6.0.92026-07-14
下载高超地图导航(导航打卡应用)生活服务108.6 MBv1.0.02026-07-14
下载365浏览器大全2026最新版本资讯阅读99.9 MBv1.0.22026-07-14
下载瞬时清理垃圾(健康数据记录)生活服务62.6 MBv1.0.22026-07-14
下载准橙三力(老年三力测试软件)学习办公34.1 MBv1.1.72026-07-14
下载云图探界(位置跟踪应用)生活服务135.6 MBv1.0.12026-07-14
下载手机免费注册邮箱最新安卓版生活服务59.3 MBv1.0.22026-07-14
下载充电桩附近查询最新安卓版生活服务75.8 MBv1.0.12026-07-14
下载华施达(社区生活平台)生活服务93.9 MBv5.3.02026-07-14
下载外卖优惠点餐(点餐省钱平台)生活服务64.9 MBv1.0.02026-07-14
下载家庭维修服务平台商家端最新手机版生活服务36.9 MBv1.0.22026-07-14
下载火力掩护无限生命金币动作射击758.3 MBv1.33.172026-07-14
下载










