【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;
    }
}
相关推荐
EndingCoder1 分钟前
类的继承和多态
linux·运维·前端·javascript·ubuntu·typescript
你怎么知道我是队长2 分钟前
C语言---文件读写
java·c语言·开发语言
用户47949283569152 分钟前
React 终于出手了:彻底终结 useEffect 的"闭包陷阱"
前端·javascript·react.js
陌路203 分钟前
C++30 STL容器 -deque双端队列
开发语言·c++
程序员猫哥8 分钟前
前端开发,一句话生成网站
前端
xb113221 分钟前
C#委托详解
开发语言·c#
brent42321 分钟前
DAY50复习日
开发语言·python
Younglina29 分钟前
一个纯前端的网站集合管理工具
前端·vue.js·chrome
木头程序员30 分钟前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5
卖火箭的小男孩32 分钟前
# Flutter Provider 状态管理完全指南
前端