【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;
    }
}
相关推荐
心疼你的一切21 分钟前
Python自动发邮件实战定时发报表
大数据·开发语言·python
hkNaruto1 小时前
【AI】基于大模型的AI游戏地图生成、控制方案:AI Native Game Harness 迁移操作手册
前端·人工智能·游戏
IT_陈寒1 小时前
Java序列化踩坑记:对象循环引用让我加班两小时
前端·人工智能·后端
Wang's Blog1 小时前
Java 项目实战:交友项目 - 用户体系集成总结
java·开发语言·交友
Acro1 小时前
快给macOS 上的Grok Bot换一套皮肤
前端
flash俊杰1 小时前
双引擎 OCR 编排:逐页判定、视觉优先、partial 语义与三层超时
前端
计算机魔术师1 小时前
Reddit 每周被 Google 偷走 100 万次点击,CEO 摊牌了
前端
前端繁华如梦1 小时前
用 React Three Fiber 做一栋能编辑的教学楼数字孪生
前端
前端繁华如梦1 小时前
用 React Three Fiber 做一套智慧医院数字孪生:编辑器、大屏和 BIM 浏览器
前端
中科三方2 小时前
IPv6检测常见问题:AAAA记录检测不通过是什么原因?
开发语言·php