关于js中断ajax请求
2014-02-21 16:10
183 查看
停止javascript的ajax请求,一种是设置超时时间让ajax自动断开,另一种为手动去停止ajax请求,其核心是调用XMLHttpRequest对象上的abort方法,这里,我们以jquery举例说明:
jquery的ajax对象的abort方法
调用abort后jquery会执行error的方法,抛出abort的异常信息,这个时候就可以执行我们中断ajax后的操作了
注意:不要用abort方法来作为终止对服务器的请求操作,只能当做在前端页面立刻停止执行ajax成功后的方法,因为你执行abort方法后,ajax很可能已经对服务端发送了请求,只是还未返回回馈信息而已。
jquery的ajax对象的abort方法
调用abort后jquery会执行error的方法,抛出abort的异常信息,这个时候就可以执行我们中断ajax后的操作了
var ajax = $.ajax({ 'error':function(jqXHR, textStatus, errorThrown){ if(errorThrown != 'abort'){ //ajax被调用abort后执行的方法 alert('您的ajax方法被停止了'); } } }) ajax.abort();//停止ajax
注意:不要用abort方法来作为终止对服务器的请求操作,只能当做在前端页面立刻停止执行ajax成功后的方法,因为你执行abort方法后,ajax很可能已经对服务端发送了请求,只是还未返回回馈信息而已。
相关文章推荐
- 关于js 方法,实现ajax请求时,return false/true无效的问题
- 关于ajax请求数据后,数据本身的js失效的一些想法
- 关于js处理ajax请求返回json数据时出现页面缓存的解决方案(适用于showdialog)
- 关于ajax请求后js绑定事件失效问题解决方法
- ajax 关于zepto.js 进行jsonp请求时无法得到data中的参数数据
- ajax请求node.js接口时出现跨域问题Access-Control-Allow-Origin
- js用ajax请求天气接口
- 关于使用bootstrap中modal和ajaxupload.js图片问题
- 关于ajax请求后台接口无法进行页面跳转的问题
- 关于laravel发送ajax请求带headers头时(防止csrf),报错Warning: Cannot modify header information - headers already se
- 使用JS和Ajax发出异步请求
- 关于ajax网络请求的封装
- js 的encodeURIComponent() 处理ajax请求url中的 “+ ? ; = @ $ #”等等特殊字符
- 解决Django中在.js文件中用ajax请求后端,找不到CSRF问题
- 关于AJAX请求服务器后缓存数据,造成没有及时刷新的问题
- 使用JS和Ajax发出异步请求
- ASP.Net之JS之AJAX之Get请求
- 在发送ajax请求时加时间戳或者随机数去除js缓存
- 关于ajaxfileupload.js上传图片使用历程(struts2)
- js 实现对ajax请求面向对象的封装