ajax重复请求问题

╰半橙微兮° 2023-10-06 17:20 39阅读 0赞

加一个标识变量  
//标识变量  
let isSending = false; // 是否正在发送AJAX请求

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>重复请求问题</title>
    </head>
    <body>
        <button>点击发送</button>
        <script>
            //获取元素对象
            const btns = document.querySelectorAll('button');
            let x = null;
            //标识变量
            let isSending = false; // 是否正在发送AJAX请求
    
            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();
            }
        </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，39人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax重复请求问题

加一个标识变量 //标识变量 let isSending = false; // 是否正在发送AJAX请求 <!DOCTYPE html> <html

╰半橙微兮°/ 2023年10月06日 17:20/ 0 赞/ 40 阅读

相关重复的ajax请求让人很受伤

重复的ajax请求让人很受伤 > 重复的ajax请求一波又一波的袭来，服务器正躲在角落里瑟瑟发抖，它内心是崩溃的，这算是遭了罪了， > 前端小王子为啥没有做好限制和封

冷不防/ 2023年10月06日 14:35/ 0 赞/ 40 阅读

相关如何防止重复发送ajax请求

　　先来说说重复发送ajax请求带来的问题 - 场景一：用户快速点击按钮，多次相同的请求打到服务器，给服务器造成压力。如果碰到提交表单操作，而且恰好后端没有做兼容处理，那么可能

川长思鸟来/ 2023年09月25日 12:09/ 0 赞/ 48 阅读

相关重复的ajax请求让人很受伤

重复的ajax请求让人很受伤 > 重复的ajax请求一波又一波的袭来，服务器正躲在角落里瑟瑟发抖，它内心是崩溃的，这算是遭了罪了， > 前端小王子为啥没有做好限制和封

我就是我/ 2022年12月01日 05:27/ 0 赞/ 102 阅读

相关防止重复发送 Ajax 请求

博客内容来至于[http://blog.csdn.net/z69183787/article/details/25405489][http_blog.csdn.net_z691

痛定思痛。/ 2022年08月14日 05:49/ 0 赞/ 180 阅读

相关防止重复发送Ajax请求问题

在工作中有很多场景需要通过Ajax请求发送数据，像是注册、登录、提交用户反馈等。用户在点击了“确认”按钮之后有可能一段时间内没有收到反馈页面无任何反应，然后就接着连续多次点击“

逃离我推掉我的手/ 2022年06月01日 02:42/ 0 赞/ 219 阅读

相关 Ajax请求跨域问题、

》 > 1、什么是跨域？ > > 1、跨域是指、跨域名访问，例如： > > 域名不一致； > 域名一致，端口不同； > 二级域名访问； > > 2

小鱼儿/ 2022年04月12日 14:15/ 0 赞/ 376 阅读

相关优雅的ajax请求(用disable防止重复请求)

优雅的ajax请求 \[用disable防止重复请求\] 处理思路 ajax简单介绍 ajax参数(部分)

绝地灬酷狼/ 2022年04月11日 12:23/ 0 赞/ 378 阅读

相关防止重复发送ajax请求

前端代码是当输入密码个数为6个的时候，触发ajax请求，但输入很快的时候会触发多个请求，为了防止重复发送请求。 ![635261-20170504145631804-1351

比眉伴天荒/ 2021年10月26日 18:58/ 0 赞/ 387 阅读

相关怎样防止重复发送 Ajax 请求？

原文地址：链接：https://www.zhihu.com/question/19805411/answer/15465427 1个简易的需求，点一个按钮，则向服务器请

太过爱你忘了你带给我的痛/ 2021年09月16日 23:10/ 0 赞/ 393 阅读