如何終止ajax請求


(這個是在面試中遇到的一道題目,自己不會,然后根據網上的內容,自己整理一下,以免下次再遇到)

1、是在jQuery中的話,可以直接使用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>

 2、原生的xhr的方法

xmlHttp.open("POST","theUrl",true);
xmlHttp.onreadystatechange=function(){
    ...//得到響應之后的操作
}
xmlHttp.send();
//設置8秒鍾后檢查xmlHttp對象所發送的數據是否得到響應.
setTimeout("CheckRequest()","8000");

function CheckRequest(){
   //為4時代表請求完成了    
    if(xmlHttp.readyState!=4){
        alert('響應超時');
        //關閉請求
        xmlHttp.close();
    }
}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM