【JavaScript】记录一个奇怪的问题,前端一次提交注册,后端收到两次接口调用,网络只显示一个register请求

解决这个问题,可以在注册功能中加入防抖处理,简单修改register.js文件,在handleRegister函数中添加一个isSubmitting标志防止重复提交:

javascript 复制代码
// 在文件顶部添加此变量
let isSubmitting = false;

async function handleRegister(event) {
    // 阻止表单默认提交行为
    event.preventDefault();
    
    // 防止重复提交
    if (isSubmitting) {
        console.log('表单正在提交中,请勿重复点击');
        return;
    }
    
    isSubmitting = true;
    console.log('处理注册表单提交');
    
    // ... 其余代码保持不变 ...
    
    try {
        // ... 代码不变 ...
    } catch (error) {
        // ... 代码不变 ...
    } finally {
        // 无论成功失败,都重置提交状态
        isSubmitting = false;
    }
}
相关推荐
月殇_木言几秒前
应用层自定义协议与序列化
开发语言
转转技术团队1 分钟前
前端开发应该了解的浏览器背后的黑科技
前端
2503_928411563 分钟前
12.15 element-plus的一些组件(上)
前端·vue.js
a努力。6 分钟前
网易Java面试被问:偏向锁在什么场景下反而降低性能?如何关闭?
java·开发语言·后端·面试·架构·c#
JS_GGbond14 分钟前
JavaScript原型链:一份会“遗传”的家族传家宝
前端·javascript
前端达人15 分钟前
CSS终于不再是痛点:2026年这7个特性让你删掉一半JavaScript
开发语言·前端·javascript·css·ecmascript
阿蒙Amon15 分钟前
JavaScript学习笔记:15.迭代器与生成器
javascript·笔记·学习
wjs202416 分钟前
SVG 多边形
开发语言
H_-H18 分钟前
值返回与引用返回(c++)
开发语言·c++
csbysj202019 分钟前
Java 日期时间处理详解
开发语言