js與jQuery終止正在發(fā)送的ajax請求的方法
更新時間：2015年12月10日 12:45:58 作者：思齊_
這篇文章主要介紹了js與jQuery終止正在發(fā)送的ajax請求的方法,實例分析了jQuery與JavaScript終止ajax請求的實現(xiàn)技巧與相關(guān)注意事項,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js與jQuery終止正在發(fā)送的ajax請求的方法。分享給大家供大家參考，具體如下：
核心：調(diào)用XMLHttpRequest對象上的abort方法
jquery的ajax方法有自己的超時時間設(shè)置參數(shù)：
$.ajax({type:'POST',
url:'b.php',
data:'',
timeout:5000,
success:function(){
}
})
同時
1. $.get返回的數(shù)據(jù)類型是XMLHttpRequest，請參考手冊。（$.post、$.ajax、$.getJSON、$.getScript也同樣）
2. XMLHttpRequest對象有abort()方法
也可以自己手動去調(diào)用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(){
...//得到響應(yīng)之后的操作
}
xmlHttp.send();
//設(shè)置8秒鐘后檢查xmlHttp對象所發(fā)送的數(shù)據(jù)是否得到響應(yīng).
setTimeout("CheckRequest()","8000");
function CheckRequest(){
//為4時代表請求完成了
if(xmlHttp.readyState!=4){
alert('響應(yīng)超時');
//關(guān)閉請求
xmlHttp.close();
}
}
希望本文所述對大家ajax程序設(shè)計有所幫助。
相關(guān)文章
菜鳥蔡之Ajax復(fù)習(xí)第三篇(Ajax之無刷新登錄)
無刷新登錄大家也許沒寫過，但是一定都是聽說過的，很早以前就想用這個小技術(shù)在自己做的小項目中用一把了，但都沒有付出過實踐，在網(wǎng)上查也沒有查到具體完整的代碼，在這里，今天菜鳥蔡也來試了一把，獻(xiàn)丑了，希望對初學(xué)的童鞋有點幫助2012-11-11
如何使用ajax開發(fā)web應(yīng)用程序...2006-09-09
使用$.getJSON實現(xiàn)跨域ajax請求示例代碼
getJSON調(diào)用并獲取遠(yuǎn)程的JSON字符串，將其轉(zhuǎn)換為JSON對象，如果成功，則執(zhí)行回調(diào)函數(shù)，下面有個不錯的示例，需要的朋友可以參考下2013-11-11
這篇文章主要給大家介紹了關(guān)于Ajax實現(xiàn)局部刷新的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
如果表單元素不多的情況我們常常會通過GET方式來獲取表單元素值，但如果表單元素非常多，此時就需要用POST方式來獲取表單元素值，那么如何來獲取表單元素值呢2014-09-09
ajax數(shù)據(jù)返回進(jìn)行遍歷的實例講解
今天小編就為大家分享一篇ajax數(shù)據(jù)返回進(jìn)行遍歷的實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
利用iframe實現(xiàn)ajax跨域通信的實現(xiàn)原理(圖解)
一般情況下都是用在同一域下的ajax請求；但是如果請求是發(fā)生在不同的域下，請求就無法執(zhí)行，并且會拋出異常提示不允許跨域請求,接下來介紹利用iframe實現(xiàn)ajax跨域通信感興趣的朋友可以了解下，或許對你學(xué)習(xí)ajax跨域有所幫助2013-02-02
Ajax對象接受一個對象字面量為參數(shù)，這個對象字面量中包含method，url，success，params，fail參數(shù)2009-07-07
這篇文章主要介紹了解決IE下AjaxSubmit上傳文件提示下載文件問題,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了Ajax結(jié)合PHP session制作購物車，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06