【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;
    }
}
相关推荐
深念Y1 分钟前
Nuxt 项目 Docker 构建:从 pnpm+node 迁移到全 bun
java·前端·docker
qq_426003962 分钟前
UI自动化元素定位不到解决方案
前端·pycharm·自动化
呆呆敲代码的小Y6 分钟前
Lua 上值(UpValue)
开发语言·junit·lua·lua上值·upvalue
EthanChou20209 分钟前
AES67协议笔记
前端·笔记·es6
马优晨10 分钟前
pom.xml 中 jquery webjars 依赖解释
xml·前端·jquery·jquery webjars·webjars依赖
呆呆敲代码的小Y10 分钟前
【游戏开发】C# 中的迭代器
java·开发语言·c#·迭代器
benchmark_cc12 分钟前
K 线数据断层会对回测造成什么影响?从一个缺失交易日看懂量化策略为什么会失真
大数据·开发语言·数据分析·量化·股票数据·quantdash·量化数据源
benchmark_cc18 分钟前
数据 API 稳定性为什么会影响量化策略?从数据获取到信号执行的完整分析
开发语言·python·数据分析·量化·股票数据·quantdash·量化数据源
里欧跑得慢26 分钟前
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换
前端·css·flutter·web
DolitD26 分钟前
云流技术深度剖析:单服务器下如何实现3D应用的多实例并发?
java·服务器·前端·3d·云原生·云计算