码迷,mamicode.com
首页 > Web开发 > 详细

关于js中断ajax请求

时间:2020-02-27 16:15:56      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:请求   query   on()   jquer   注意   执行   throw   XML   abort   

 

停止javascript的ajax请求有两种方式,一种是设置超时时间让ajax自动断开,另一种为手动去停止ajax请求,其核心是调用XMLHttpRequest对象上的abort方法,这里,我们以jquery举例说明:


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

 

原生方式

xmlHttp.open("POST","Url",true);
 xmlHttp.onreadystatechange=function(){
 ...//得到响应之后的操作
 }
 xmlHttp.send();
 //设置3秒钟后检查xmlHttp对象所发送的数据是否得到响应.
 setTimeout("CheckRequest()","3000");
 function CheckRequest(){
 //为4时代表请求完成了
 if(xmlHttp.readyState!=4){
 alert(数据响应超时);
 //关闭请求
 xmlHttp.close();
 }
 }

 

原生JavaScript;根据响应状态改变关闭 

 

注意:不要用abort方法来作为终止对服务器的请求操作,只能当做在前端页面立刻停止执行ajax成功后的方法,因为你执行abort方法后,ajax很可能已经对服务端发送了请求,只是还未返回回馈信息而已。

关于js中断ajax请求

标签:请求   query   on()   jquer   注意   执行   throw   XML   abort   

原文地址:https://www.cnblogs.com/yourName/p/12372312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!