知识学习

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 491|回复: 0

layui点击提交导致的表单重复提交情况禁止多次提交

[复制链接]

升级   100%

152

主题

152

帖子

734

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
734
发表于 2022-6-19 00:35:44 | 显示全部楼层 |阅读模式
为什么layui发送ajax请求时会重复发送问题描述:
使用layui时,发送ajax请求,点击发送一次,会自动提交两次


原因分析:
因为使用layui次数不多,所以不是很熟练,看文档写了个类似于bootstrap的模态框的弹出层,当提交模态框中的数据时,发现提交一次会插入两次数据,检查了一个小时,最后没法了,就重新建了HTML文件,重新写了一遍,发现并不是ajax和后端的问题,然后一行一行的对比,发现问题了。我在引入layui.js文件的时候,多引入了个layui.all.js文件,然后删除了一个,发现提交正常了


解决方案:
删除其中一个js文件即可,为什么引入两个文件会发送两次请求,我认为(个人想法)是HTML的解析是从上到下的解析,而两个js文件会让浏览器认为这是两次操作,所以会多次提交。



记录一个小bug,以上观点仅是个人观点,如有错误欢迎留言指出!!!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|知识学习 ( 鲁ICP备20015483号 )

GMT+8, 2024-9-11 07:52 , Processed in 0.065562 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表