XMLHttpRequest实现终止请求和超时_xmlhttprequest 终止_NextStand的博客-程序员宅基地

技术标签：终止请求 xmlhttprequest 客户端JavaScript 请求超时

这里是使用的XMLHttpRequest2中的API，口蹄疫通过XMLHttpRequest对象的 abort( )方法 来取消正在进行的HTTP请求，abort( )方法是在XMLHttpRequest和XMLHttpRequest2中都可用的，调用abort( )方法在这个对象上触发abort事件。

调用abort( )的主要原因是完成像取消或超时请求消耗的是啊进太长或当响应变得无关时的情况
例如：使用XMLHttpRequest为文本输入域请求自动完成推荐，如果用户在服务器的建议到达之前输入了新的字符，这时等待请求就不再有用了，所有应该终止

XMLHttpRequest2中定义了 timeout 属性来指定请求自动终止的毫秒数，也定义了timeout事件用于超时发生时触发，但是到目前位置，浏览器还不支持这些自动超时，
但是我们可以使用setTimeout( )和abort( )方法来实现自己的超时

/*
发起HTTP GET请求获取指定URL的内容
如果响应成功到达，则传入responseText给回调函数
如果响应在timeout时间内没有到达，则中止请求
浏览器可能会在abort()后出啊发readystatechange
如果部分请求结果到达，甚至可能设置status属性
所有需要设置一个标记，当部分且超时的响应到达时不会调用回调函数
如果使用load(当请求完成时触发)事件就没有这个风险
*/
function(url,timeout,callback){
    
    var request = new XMLHttpRequest();
    var time = false;//是否超时
    var timer = setTimeout(function(){
    
        timeout = true;
        request.abort();//请求中止
    },timeout);
    request.open("GET",url);
    request.onreadystatechange = function(){
    
        if(request.readyState !==4) continue;//忽略未完成的请求
        if(timeout) return;//忽略中止请求
        clearTimeout(timer);//取消等待的超时
        if(request.status === 200)
            callback(request.responseText);
    }
    request.send(null);
}

本文链接：https://blog.csdn.net/NextStand/article/details/51163324

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

026Bean别名_不想做咸鱼的咸鱼的博客-程序员宅基地

xml解析对id属性是有要求的，只能由数字字母、下划线组成，必须以字母开头。但是在一些情况下无法满足xml解析要求，必须为bean指定别名。两种方式：方法一name属性指定bean的name属性，该属性值就是该bean的别名。并且可以同时指定多个别名，以，隔开。 <bean id="dog1" class="com.lyx.service.Dog" name="@#$"/>方法二配置alias 元素在beans元素中配置alias 元素为alias 元素指定name属性（需要为

mac终端命令介绍_mac终端是什么意思_jingxiaoyuehua的博客-程序员宅基地

OSX 的文件系统OSX 采用的Unix文件系统，所有文件都挂在跟目录 / 下面，所以不在要有Windows 下的盘符概念。你在桌面上看到的硬盘都挂在 /Volumes 下。比如接上个叫做 USBHD的移动硬盘，桌面上会显示出一个硬盘图标，它实际在哪里呢？在终端里执行 ls /Volumes/USBHD, 看看显示出的是不是这个移动硬盘的内容。根目录位置是

VC维学习_vc维经验公式_知海无涯学无止境的博客-程序员宅基地

说说历史Hoeffding不等式Connection to Learning学习可行的两个核心条件Effective Number of HypothesesGrowth FunctionBreak Point与ShatterVC BoundVC dimension深度学习与VC维小结参考文献VC维在机器学习领域是一个很基础的概念，它给诸多机器学习方法的可学习性提供了坚实的理论基础，但有时

el-form表单校验与v-if使用时表单校验失效_溫冬＇＇123的博客-程序员宅基地

el-form表单校验与v-if使用时表单校验失效 , el-form校验失效

Python3.8 NLTK_KENYCHEN奉孝的博客-程序员宅基地

NLP定义研究人类语言的过程就是好NLPNLP领域有标记注解，组块，词义标注，解析，机器翻译，语音识别，而Python主要是用到NLK库NLP的应用拼写校验，搜索引擎，语音引擎，垃圾分类，新闻推送，机器欢迎，商品推送等python 的list>>> lst=[1,2,3,4,5]>>> print(lst)[1, 2, 3,...

胡立阳：如何避免落入弱势反弹的陷阱_Ejnstein的博客-程序员宅基地

最近大盘一路下滑，很多场外的投资人希望能及时进场，做短线抢个反弹，可是又担心被假反弹套牢，都不知道到底如何是好。记者就此问题电话连线了华尔街投资大师胡立阳。记者：胡老师，您好。最近A股市场一路下滑，很多场外的投资人都希望能及时入场，抢个反弹，可是又担心被假反弹套牢。他们都知道您是华尔街投资大师，前几天也和大家沟通了股市市场进入下半场的盘面三大特征。最近投资者纷纷电话联系我们，