欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js與jQuery終止正在發(fā)送的ajax請(qǐng)求的方法

 更新時(shí)間：2015年12月10日 12:45:58   作者：思齊_  
這篇文章主要介紹了js與jQuery終止正在發(fā)送的ajax請(qǐng)求的方法,實(shí)例分析了jQuery與JavaScript終止ajax請(qǐng)求的實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js與jQuery終止正在發(fā)送的ajax請(qǐng)求的方法。分享給大家供大家參考，具體如下：

核心：調(diào)用XMLHttpRequest對(duì)象上的abort方法

jquery的ajax方法有自己的超時(shí)時(shí)間設(shè)置參數(shù)：

$.ajax({type:'POST',
  url:'b.php',
  data:'',
  timeout:5000,
  success:function(){
  }
})

同時(shí)

1. $.get返回的數(shù)據(jù)類型是XMLHttpRequest，請(qǐng)參考手冊(cè)。（$.post、$.ajax、$.getJSON、$.getScript也同樣）

2. XMLHttpRequest對(duì)象有abort()方法

也可以自己手動(dòng)去調(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>

對(duì)于原生的xhr：

xmlHttp.open("POST","theUrl",true);
xmlHttp.onreadystatechange=function(){
  ...//得到響應(yīng)之后的操作
}
xmlHttp.send();
//設(shè)置8秒鐘后檢查xmlHttp對(duì)象所發(fā)送的數(shù)據(jù)是否得到響應(yīng).
setTimeout("CheckRequest()","8000");
function CheckRequest(){
  //為4時(shí)代表請(qǐng)求完成了  
  if(xmlHttp.readyState!=4){
    alert('響應(yīng)超時(shí)');
    //關(guān)閉請(qǐng)求
    xmlHttp.close();
  }
}

希望本文所述對(duì)大家ajax程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 菜鳥蔡之Ajax復(fù)習(xí)第三篇(Ajax之無(wú)刷新登錄)

    菜鳥蔡之Ajax復(fù)習(xí)第三篇(Ajax之無(wú)刷新登錄)

    無(wú)刷新登錄大家也許沒(méi)寫過(guò)，但是一定都是聽說(shuō)過(guò)的，很早以前就想用這個(gè)小技術(shù)在自己做的小項(xiàng)目中用一把了，但都沒(méi)有付出過(guò)實(shí)踐，在網(wǎng)上查也沒(méi)有查到具體完整的代碼，在這里，今天菜鳥蔡也來(lái)試了一把，獻(xiàn)丑了，希望對(duì)初學(xué)的童鞋有點(diǎn)幫助
    2012-11-11
  • 如何使用ajax開發(fā)web應(yīng)用程序

    如何使用ajax開發(fā)web應(yīng)用程序

    如何使用ajax開發(fā)web應(yīng)用程序...
    2006-09-09
  • 使用$.getJSON實(shí)現(xiàn)跨域ajax請(qǐng)求示例代碼

    使用$.getJSON實(shí)現(xiàn)跨域ajax請(qǐng)求示例代碼

    getJSON調(diào)用并獲取遠(yuǎn)程的JSON字符串，將其轉(zhuǎn)換為JSON對(duì)象，如果成功，則執(zhí)行回調(diào)函數(shù)，下面有個(gè)不錯(cuò)的示例，需要的朋友可以參考下
    2013-11-11
  • Ajax實(shí)現(xiàn)局部刷新的方法實(shí)例

    Ajax實(shí)現(xiàn)局部刷新的方法實(shí)例

    這篇文章主要給大家介紹了關(guān)于Ajax實(shí)現(xiàn)局部刷新的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • Ajax中通過(guò)JS代碼自動(dòng)獲取表單元素值的示例代碼

    Ajax中通過(guò)JS代碼自動(dòng)獲取表單元素值的示例代碼

    如果表單元素不多的情況我們常常會(huì)通過(guò)GET方式來(lái)獲取表單元素值，但如果表單元素非常多，此時(shí)就需要用POST方式來(lái)獲取表單元素值，那么如何來(lái)獲取表單元素值呢
    2014-09-09
  • ajax數(shù)據(jù)返回進(jìn)行遍歷的實(shí)例講解

    ajax數(shù)據(jù)返回進(jìn)行遍歷的實(shí)例講解

    今天小編就為大家分享一篇ajax數(shù)據(jù)返回進(jìn)行遍歷的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-08-08
  • 利用iframe實(shí)現(xiàn)ajax跨域通信的實(shí)現(xiàn)原理(圖解)

    利用iframe實(shí)現(xiàn)ajax跨域通信的實(shí)現(xiàn)原理(圖解)

    一般情況下都是用在同一域下的ajax請(qǐng)求；但是如果請(qǐng)求是發(fā)生在不同的域下，請(qǐng)求就無(wú)法執(zhí)行，并且會(huì)拋出異常提示不允許跨域請(qǐng)求,接下來(lái)介紹利用iframe實(shí)現(xiàn)ajax跨域通信感興趣的朋友可以了解下，或許對(duì)你學(xué)習(xí)ajax跨域有所幫助
    2013-02-02
  • Ajax 對(duì)象 包含post和get兩種異步傳輸方式

    Ajax 對(duì)象 包含post和get兩種異步傳輸方式

    Ajax對(duì)象接受一個(gè)對(duì)象字面量為參數(shù)，這個(gè)對(duì)象字面量中包含method，url，success，params，fail參數(shù)
    2009-07-07
  • 解決IE下AjaxSubmit上傳文件提示下載文件問(wèn)題

    解決IE下AjaxSubmit上傳文件提示下載文件問(wèn)題

    這篇文章主要介紹了解決IE下AjaxSubmit上傳文件提示下載文件問(wèn)題,需要的朋友可以參考下
    2017-04-04
  • Ajax + PHP session制作購(gòu)物車

    Ajax + PHP session制作購(gòu)物車

    這篇文章主要為大家詳細(xì)介紹了Ajax結(jié)合PHP session制作購(gòu)物車，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-06-06

最新評(píng)論