Ajax——请求重复发送问题

最新推荐文章于 2022-09-18 15:05:01 发布

像费曼%

最新推荐文章于 2022-09-18 15:05:01 发布

阅读量194

点赞数

分类专栏： Ajax 文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/weixin_53052268/article/details/126322242

版权

Ajax 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

1.用户在网络差的时候一直点击按钮发送请求会导致服务器崩溃

2.代码展示

<script>
        const btns = document.querySelectorAll('button');
        let x = null;
        let isSending = false;
        btns[0].onclick = function(){
            if(isSending) x.abort();
            x = new XMLHttpRequest();
            isSending = true;
            x.open('GET','http://127.00.1:8000/delay');
            x.send();
            x.onreadystatechange = function(){
                if(x.readyStatus === 4){
                    //修改标识变量
                    isSending = false;
                }
            }
        }

        //  //abort
        //  btns[1].onclick = function(){
        //     x.abort();
        // }
    </script>

3.结果截图