关于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();
}
标签:function,false,请求,isSending,重复,AJAX,abort,true 来源: https://blog.csdn.net/axiaobai1999/article/details/118827582