时间:2021-05-18
最近遇到,如果用户频繁点击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);声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了js与jQuery终止正在发送的ajax请求的方法。分享给大家供大家参考,具体如下:核心:调用XMLHttpRequest对象上的abort方法j
Jquery的$.ajax的用法:jQuery.ajax(options):通过HTTP请求加载远程数据,这个是jQuery的底层AJAX实现。简单易用的高层实
本文实例讲述了php判断是否为ajax请求的方法。分享给大家供大家参考,具体如下:先说前端使用jQuery时怎么区分:jQuery发出ajax请求时,会在请求头
接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果
jQuery的定义了一个ajax过滤器ajaxPrefilter,通过该过滤器可以过滤通过jQuery相应的ajax函数发送的ajax请求。在项目中,很多地方存