首页 > Web开发 > 详细

如何终止ajax请求

时间:2020-03-07 13:11:35      阅读:68      评论:0      收藏:0      [点我收藏+]

(这个是在面试中遇到的一道题目,自己不会,然后根据网上的内容,自己整理一下,以免下次再遇到)

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();
    }
}

  

如何终止ajax请求

原文:https://www.cnblogs.com/Roxxane/p/12433488.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!