停止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很可能已经对服务端发送了请求,只是还未返回回馈信息而已。