首页 >

教你如何终止JQUERY的$.AJAX请求【jquery】

web前端|js教程教你如何终止JQUERY的$.AJAX请求【jquery】
终止JQUERY的AJAX请求
web前端-js教程
最近遇到,如果用户频繁点击ajax请求,有两个问题:
自动代理刷流量程序源码,ubuntu版本如何查看,tomcat服务字符集,爬虫违法监测,php开发框架的原理,小新seolzw
1,如果连续点击了5个ajax请求,前4个其实是无效的,趁早结束节省资源。
多用户版微信商城源码,vscode写vue不报错,ubuntu 设置锁频,tomcat 7 日志输出,爬虫程序 价格,php 爱淘宝,株洲seo工程师招聘,英文视频网站源码,建站源码模板分享lzw
2,更严重的问题是:最后一个发送的请求,响应未必是最后一个,有可能造成混乱。还需要一个队列来维护发送的请求和响应。
ios项目源码 百度云,ubuntu无法进设置,tomcat404怎么排查,开源web爬虫,php新闻源码之家,四川seo排名优化价格表lzw
我其实已经设计好了该队列的实现方式,后来发现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);

  • 暂无相关文章
  • Posted in 未分类