本文实例讲述了js与jQuery终止正在发送的ajax请求的方法。分享给大家供大家参考,具体如下:
核心:调用XMLHttpRequest对象上的abort方法
jquery的ajax方法有自己的超时时间设置参数:
$.ajax({type:'POST', url:'b.php', data:'', timeout:5000, success:function(){ } })
同时
1. $.get返回的数据类型是XMLHttpRequest,请参考手册。($.post、$.ajax、$.getJSON、$.getScript也同样)
2. XMLHttpRequest对象有abort()方法
也可以自己手动去调用abort方法:
<script src = "jquery-1.4.4.js"></script> <script> var xhr = $.ajax({type:'POST', url:'b.php', data:'', success:function(){ alert('ok'); } }) alert(xhr); console.log(xhr); </script> <button id="song">abort</button> <script> $(function(){ $("#song").click(function(){ alert('click'); xhr.abort(); }) }) </script>
对于原生的xhr:
xmlHttp.open("POST","theUrl",true); xmlHttp.onreadystatechange=function(){ ...//得到响应之后的操作 } xmlHttp.send(); //设置8秒钟后检查xmlHttp对象所发送的数据是否得到响应. setTimeout("CheckRequest()","8000"); function CheckRequest(){ //为4时代表请求完成了 if(xmlHttp.readyState!=4){ alert('响应超时'); //关闭请求 xmlHttp.close(); } }
希望本文所述对大家ajax程序设计有所帮助。
本文向大家介绍jQuery实现ajax的叠加和停止(终止ajax请求),包括了jQuery实现ajax的叠加和停止(终止ajax请求)的使用技巧和注意事项,需要的朋友参考一下 jQuery实现ajax的叠加和停止的关键代码如下所示: 以上所述是小编给大家介绍的jQuery实现ajax的叠加和停止(终止ajax请求),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常
本文向大家介绍jsp+ajax发送GET请求的方法,包括了jsp+ajax发送GET请求的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ajax发送GET请求,然后通过jsp页面来接收处理的实现方法。分享给大家供大家参考。具体实现方法如下: Ajax发送GET请求 这里用一个实例演示Ajax发送get请求,实例具体要求为一个注册页面,当用户填写完用户名称时,该输入框失去焦点后会通过A
问题内容: 有没有办法检查是否正在进行ajax请求?就像是: 问题答案: 您基本上应该在脚本集顶部将变量设置为,在ajax 上将变量设置为,在处理程序中将变量再次设置为
本文向大家介绍防止重复发送Ajax请求的解决方案,包括了防止重复发送Ajax请求的解决方案的使用技巧和注意事项,需要的朋友参考一下 在页面中有多个按钮,点击该按钮可以异步的去服务端读取数据,然后在前端将数据展示出来。 每个按钮点击请求的页面都是同一个,但是请求的参数不同,所以返回的内容就不同。 在连续点击多个按钮的时候就会发出多个异步请求。那么根据请求返回的快慢(因为不同按钮参数不同,返回内容不同
本文向大家介绍防止重复发送 Ajax 请求,包括了防止重复发送 Ajax 请求的使用技巧和注意事项,需要的朋友参考一下 要考虑并理解 success, complete, error, timeout 这些事件的区别,并注册正确的事件,一旦失误,功能将不再可用; 不可避免地比普通流程要要多注册一个 complete 事件; 恢复状态的代码很容易和不相干的代码混合在一起; 推荐用主动查询状态的方式(
交互过程中,发送请求是第一步。那么,我们将如何构造一个请求呢? 这一章节,我们将一步一步来构建一个 Ajax 请求。学习本节,你将学会: 如何通过 XMLHttpRequest 和 ActiveXObject 来构造一个通用的 xhr 对象。 如何通过 xhr 对象来发送 GET、 POST 等请求。 Content-type 在 Ajax 数据发送中的作用。 那么,接下来让我们进入本节的学习吧。