关于AJAX重复请求问题

重复请求问题

//abort方法 取消请求

x.abort();

类似于防抖，频繁触发的事件，每次事件执行前先取消掉计时器；

设置一个开关为false 然后请求事件之后把开关设置为true;每次if判断 如果开关为true 则使用abort()方法取消请求，如果没有重复请求，等待判断后台相应的状态码 之后把开关设置为false ；以免下次请求的时候 if判断直接调用abort()

let x = null ;

let isSending =false;

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;

}

}

}

//abort

btns[1].onclick = function(){

x.abort();

}