其他分享
首页 > 其他分享> > 关于AJAX重复请求问题

关于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