當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

取消Ajax请求 || Ajax重复请求问题

發(fā)布時(shí)間：2025/4/16 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了取消Ajax请求 || Ajax重复请求问题小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>取消請(qǐng)求</title> </head> <body><button>點(diǎn)擊發(fā)送</button><button>點(diǎn)擊取消</button><script>//獲取元素對(duì)象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重復(fù)請(qǐng)求問(wèn)題

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>重復(fù)請(qǐng)求問(wèn)題</title> </head> <body><button>點(diǎn)擊發(fā)送</button><script>//獲取元素對(duì)象const btns = document.querySelectorAll('button');let x = null;//標(biāo)識(shí)變量let isSending = false; // 是否正在發(fā)送AJAX請(qǐng)求btns[0].onclick = function(){//判斷標(biāo)識(shí)變量if(isSending) x.abort();// 如果正在發(fā)送, 則取消該請(qǐng)求, 創(chuàng)建一個(gè)新的請(qǐng)求x = new XMLHttpRequest();//修改標(biāo)識(shí)變量的值isSending = true;x.open("GET",'http://127.0.0.1:8000/delay');x.send();x.onreadystatechange = function(){if(x.readyState === 4){//修改標(biāo)識(shí)變量isSending = false;}}}// abortbtns[1].onclick = function(){x.abort();}</script> </body> </html>

總結(jié)

以上是生活随笔為你收集整理的取消Ajax请求 || Ajax重复请求问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

Ajax