取消Ajax请求 || Ajax重复请求问题
生活随笔
收集整理的這篇文章主要介紹了
取消Ajax请求 || Ajax重复请求问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>取消請求</title>
</head>
<body><button>點擊發送</button><button>點擊取消</button><script>//獲取元素對象const btns = document.querySelectorAll('button');let x = null;btns[0].onclick = function(){x = new XMLHttpRequest();x.open("GET",'http://127.0.0.1:8000/delay');x.send();}// abortbtns[1].onclick = function(){x.abort();}</script>
</body>
</html>
Ajax重復請求問題
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>重復請求問題</title> </head> <body><button>點擊發送</button><script>//獲取元素對象const btns = document.querySelectorAll('button');let x = null;//標識變量let isSending = false; // 是否正在發送AJAX請求btns[0].onclick = function(){//判斷標識變量if(isSending) x.abort();// 如果正在發送, 則取消該請求, 創建一個新的請求x = new XMLHttpRequest();//修改 標識變量的值isSending = true;x.open("GET",'http://127.0.0.1:8000/delay');x.send();x.onreadystatechange = function(){if(x.readyState === 4){//修改標識變量isSending = false;}}}// abortbtns[1].onclick = function(){x.abort();}</script> </body> </html>總結
以上是生活随笔為你收集整理的取消Ajax请求 || Ajax重复请求问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Ajax 请求超时与网络异常
- 下一篇： 跨域 || Jsonp