<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>重复请求</title>
</head>
<body>
<button>点击发送</button>
<script>
const btn = document.getElementsByTagName("button")[0];
// 标识变量 是否正在发送AJAX请求
let isSending = false;
let xhr = null;
btn.onclick = function (){
if(isSending) {
xhr.abort();
}
xhr = new XMLHttpRequest();
// 修改标识变量
isSending = true;
xhr.open('GET', 'http://127.0.0.1:8000/delay');
xhr.send();
xhr.onreadystatechange = function (){
if(xhr.readyState === 4){
isSending = false;
}
}
}
</script>
</body>
</html>
// 延时响应
app.all('/delay', (express, response)=>{
// 设置响应头 设置允许跨域
response.setHeader('Access-Control-Allow-Origin', '*');
response.setHeader('Access-Control-Allow-Headers', '*');
setTimeout(() =>{
// 设置响应体
response.send('延时响应!!!');
}, 1000)
});
一直点击发送