终止ajax请求

浏览数：24 / 时间：2015年06月09日

 在做搜索功能时，文本框输入文本就得请求一次数据，如果上一次的请求还没回又请求了就导致数据错误和无用的数据请求。

我们需要输入文本时候判断上一次的ajax请求是否完毕，若还没完毕就终止本次请求。

对于jquery：

<script src = "jquery.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>

对于原生的js：

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

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log src http 数据 la ha sp class style log src http 数据 la ha sp

相关文章

随机文章

您可能还喜欢

您可能还喜欢