Ajax 请求超时与网络异常
生活随笔
收集整理的這篇文章主要介紹了
Ajax 请求超时与网络异常
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
?
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>請求超時與網(wǎng)絡(luò)異常</title><style>#result{width:200px;height:100px;border:solid 1px #90b;}</style> </head> <body><button>點擊發(fā)送請求</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();//超時設(shè)置 2s 設(shè)置xhr.timeout = 2000;//超時回調(diào)xhr.ontimeout = function(){alert("請求超時，請重試!!");}//網(wǎng)絡(luò)異常回調(diào)xhr.onerror = function(){alert("你的網(wǎng)絡(luò)似乎出了一些問題!");}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>總結(jié)
以上是生活随笔為你收集整理的Ajax 请求超时与网络异常的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： IE缓存问题
- 下一篇： 取消Ajax请求 || Ajax重复请求