Ajax 请求超时与网络异常

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>请求超时与网络异常</title><style>#result{width:200px;height:100px;border:solid 1px #90b;}</style>
</head>
<body><button>点击发送请求</button><div id="result"></div><script>const btn = document.getElementsByTagName('button')[0];const result = document.querySelector('#result');btn.addEventListener('click', function(){const xhr = new XMLHttpRequest();//超时设置 2s 设置xhr.timeout = 2000;//超时回调xhr.ontimeout = function(){alert("请求超时，请重试!!");}//网络异常回调xhr.onerror = function(){alert("你的网络似乎出了一些问题!");}xhr.open("GET",'http://127.0.0.1:8000/delay');xhr.send();xhr.onreadystatechange = function(){if(xhr.readyState === 4){if(xhr.status >= 200 && xhr.status< 300){result.innerHTML = xhr.response;}}}})</script>
</body>
</html>

Ajax 请求超时与网络异常相关推荐

AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)
根据视频进行整理 [https://www.bilibili.com/video/BV1WC4y1b78y?p=1] 视频资料百度网盘: 链接:[https://pan.baidu.com/s/1n ...
四、ajax请求超时与网络异常处理
统一处理jquery ajax请求过程中的异常错误信息的机制
统一处理jquery ajax请求过程中的异常错误信息的机制参考文章: (1)统一处理jquery ajax请求过程中的异常错误信息的机制 (2)https://www.cnblogs.com/wi ...
ajax请求如何判断超时,ajax请求超时判断(转载)
ajax请求时有个参数可以借鉴一下 var ajaxTimeOut = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : ' ...
python爬虫网络请求超时_Python网络爬虫编写5-使用代理，处理异常和超时
# coding=utf-8 "' 从同一个地址发出的http请求过多过频繁,都可能被网站给封掉要解决这个问题,就需要不停地更换代理同时,如果在用urllib2访问url的时候出现错误 ...
前端Ajax请求超时处理
1.步骤解析: 第一步:将网络请求事件赋值给变量ajaxTimeOut 第二步:通过设置timeout属性值,来定义超时时间第三步:通过complete中的status是否等于timeout来判断 ...
Ajax - timeout设置ajax请求超时 timeout
$.ajax实现 <!DOCTYPE html> <html lang="en"><head><meta charset="UT ...
ajax请求超时解决方案
设置timeout的时间,通过检测complete时status的值判断请求是否超时,如果超时执行响应的操作. var ajaxTimeoutTest=$.ajax({url:'',//请求地址tim ...
nslookup命令dns请求超时_网络工程师之nslookup命令
如果这篇文章对您有帮助,请关注并点赞,感谢您的支持,如果还有其他问题,请私信给我 Nslooup(name server lookup)是一个用于查询internet域名信息或诊断DNS服务器问题的工 ...

Ajax 请求超时与网络异常

Ajax 请求超时与网络异常相关推荐

最新文章

热门文章