【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;
    }
}
相关推荐
deli0071 分钟前
限流算法到底怎么选?令牌桶 vs 漏桶 vs 滑动窗口 3 种同屏实测
前端
陈前端1 分钟前
AI 猜错了接口返回格式之后,我开始怀疑喂给它的上下文
前端
风花一世月3 分钟前
🏫 我把一整座校园的数据大屏塞进了一个 HTML 文件(零构建、双击即开,在线直接玩)
前端
深盾科技_Virbox3 分钟前
云端与本地并行交付,软件许可管理如何实现统一运营?
java·大数据·开发语言·安全
变与不变80610 分钟前
GET请求知识详解
前端·javascript
智塑未来11 分钟前
网站建设哪家服务好?把交付前、交付中、交付后拆开看
大数据·前端
百度一下吧11 分钟前
H5 应用开发:Android、iOS 与鸿蒙安全区域适配实战
前端
xuxigifxfh30 分钟前
HJ15 求int型正整数在内存中存储时1的个数
java·开发语言·华为机考
Wokoo734 分钟前
自动化测试入门:核心场景、回归测试与 Web 自动化环境搭建
java·开发语言·测试工具
tachibana236 分钟前
Golang 中数组和切片的区别?
开发语言·后端·golang·数组·切片