槽糕layui表单会提交俩次,你遇到过吗?
前言使用这个layui已经快俩年时间了,刚刚新搭xadmin的框架,于是就出现了表单会重复提交这个问题,很懊恼啊!
如果你想直接知道解决方案,那就直接到第三小节即可。
一、起初操作首先来看看咔咔都做了什么操作。
使用的xadmin模板,估计是没有把js文件引全面造成的问题。
咔咔想实现的效果如下图。
这是已经实现的效果,之前是没有的,就是因为加了这个玩意酿成的果。
不知道你们平时开发是怎么找代码的,咔咔是直接去代码库里边直接搜链接格式不正确。
下图就是咔咔搜索出来的结果,那么接下来就是引入这个js文件试试呗!
于是拿起键盘就是干,将这个文件给引入进去
以上就是酿成后果的原有!
二、问题重现添加一条数据
果然没让人失望,出现了俩条数据,哈哈!懵逼了
三、解决问题其实出现这个问题就是粗心大意造成了,还有就是对layui框架还是不熟悉。
解决方案就是将form这个js文件给干掉即可,是不是很搞笑,嗯呐!十分搞笑。
当你打开layui.js文件时就会恍然大悟
原来,layui.js自动所有包含了modules模块,我本地额外的引入了,所以会出现这样的情况。
当然问题不仅仅是咔咔这种情况。
如果连续引用两次layui.all.js文件, 会导致连续触发两次, 或者先引用layui.all.js文件,然后在引用layui.js文件也会触发两次, 请细心检查自己引用的文件!!!
引用了layui.all.js文件之后, 再次引用了layui.js, 导致连续触发了两次!
坚持学习、坚持写博、坚持分享是咔咔从业以来一直所秉持的信念。希望在偌大互联网中咔咔的文章能带给你一丝丝帮助。我是咔咔,下期见。