【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;
    }
}
相关推荐
liangdabiao8 小时前
开源AI拼豆大升级 - 一键部署cloudflare page - 全免费 web和小程序
前端·人工智能·小程序
burning_maple8 小时前
AI 工程实战指南:从零开始构建 AI 应用
开发语言·人工智能
你的牧游哥8 小时前
Java 核心概念详解
java·开发语言
文祐8 小时前
C++类之虚函数表和虚基类表及其内存布局(一个子类虚继承一个父类)
开发语言·c++
SuperHeroWu78 小时前
【鸿蒙基础入门】概念理解和学习方法论说明
前端·学习·华为·开源·harmonyos·鸿蒙·移动端
xyq20248 小时前
服务定位器模式
开发语言
努力努力再努力wz8 小时前
【MySQL入门系列】掌握表数据的 CRUD:DML 核心语法与执行逻辑解析
android·开发语言·数据结构·数据库·c++·b树·mysql
Full Stack Developme9 小时前
MyBatis-Plus 流式查询教程
前端·python·mybatis
用户412467508379 小时前
用 Locust 压测一个网站,记录一下学习过程
前端