教你如何终止JQUERY的$.AJAX请求
2016-02-23 00:00
751 查看
最近遇到,如果用户频繁点击ajax请求,有两个问题:
1,如果连续点击了5个ajax请求,前4个其实是无效的,趁早结束节省资源。
2,更严重的问题是:最后一个发送的请求,响应未必是最后一个,有可能造成混乱。还需要一个队列来维护发送的请求和响应。
我其实已经设计好了该队列的实现方式,后来发现jQuery直接通过abort方法,这样就不需要那么复杂的实现了,毕竟还有其他事情等着完成。
用jquery发送ajax请求的确是太方便了,$.get、$.post、$.ajax等等,但我们有时候需要中途中止ajax请求。
举个例子,用comet做聊天时,发送一个请求后,服务端通常过几十秒后才会刷新链接、返回数据。假设服务端是30秒刷新一次链接,如果我们在10秒时想要停止这个ajax请求,怎么办呢?
先上代码,后面再解释
上面这段代码其于两个知识点:
1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样)
2. XMLHttpRequest对象有abort()方法
注意:abort()后,ajax请求立即停止,但还是会执行后面的function()。如果想避免执行其中的操作,可以在function()开始位置加判断
终止ajax请求:
防止重复请求:
jquery的ajax请求全面了解
如何从jQuery的ajax请求中删除X-Requested-With
JQuery的Ajax请求实现局部刷新的简单实例
封装了jQuery的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);
您可能感兴趣的文章:
通过jquery的$.getJSON做一个跨域ajax请求试验jquery的ajax请求全面了解
如何从jQuery的ajax请求中删除X-Requested-With
JQuery的Ajax请求实现局部刷新的简单实例
封装了jQuery的Ajax请求全局配置
相关文章推荐
- 如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
- jQuery实现返回顶部功能
- JQUERY表单暂存功能插件分享
- jQuery入门第二
- jQuery file upload实现异步文件上传(带进度条)
- jquery插件开发示例
- 【锋利的jQuery】读书笔记
- jQuery和ExtJS的timeOut超时问题和event事件处理问题
- jquery的delegate实现原理
- jQuery中使用 .html() function在IE8和9中显示不正常源码中多出sizset和sizcache
- jQuery.qrcode.js客户端生成二维码,支持中文并且可以生成LOGO
- jquery 学习随笔 下
- jquery对事件的监听方法addEventListener()
- jQuery监控动画执行完毕事件
- JQ addback( ) 与 end ( ) 区别
- JQ中 :not .not 伪类与方法之间的选择
- jQuery自学教程(四)——事件
- jQuery mobile基础
- jquery和js 学习(推荐比较好的网站)
- jQuery源码解析(1)—— jq基础、data缓存系统