槽糕,layui表单提交俩次

槽糕layui表单会提交俩次,你遇到过吗?

前言

使用这个layui已经快俩年时间了,刚刚新搭xadmin的框架,于是就出现了表单会重复提交这个问题,很懊恼啊!

如果你想直接知道解决方案,那就直接到第三小节即可。

一、起初操作

首先来看看咔咔都做了什么操作。

使用的xadmin模板,估计是没有把js文件引全面造成的问题。

咔咔想实现的效果如下图。

实现效果图一

实现效果图二

这是已经实现的效果,之前是没有的,就是因为加了这个玩意酿成的果。

不知道你们平时开发是怎么找代码的,咔咔是直接去代码库里边直接搜链接格式不正确

下图就是咔咔搜索出来的结果,那么接下来就是引入这个js文件试试呗!

扫描二维码关注公众号,回复: 12681286 查看本文章

需要的js文件

于是拿起键盘就是干,将这个文件给引入进去

引入的js文件

以上就是酿成后果的原有!

二、问题重现

添加一条数据

添加数据

果然没让人失望,出现了俩条数据,哈哈!懵逼了

返回结果

三、解决问题

其实出现这个问题就是粗心大意造成了,还有就是对layui框架还是不熟悉。

解决方案就是将form这个js文件给干掉即可,是不是很搞笑,嗯呐!十分搞笑。

js文件

当你打开layui.js文件时就会恍然大悟

原来,layui.js自动所有包含了modules模块,我本地额外的引入了,所以会出现这样的情况。

layui.js文件

当然问题不仅仅是咔咔这种情况。

如果连续引用两次layui.all.js文件, 会导致连续触发两次, 或者先引用layui.all.js文件,然后在引用layui.js文件也会触发两次, 请细心检查自己引用的文件!!!

引用了layui.all.js文件之后, 再次引用了layui.js, 导致连续触发了两次!

坚持学习、坚持写博、坚持分享是咔咔从业以来一直所秉持的信念。希望在偌大互联网中咔咔的文章能带给你一丝丝帮助。我是咔咔,下期见。

猜你喜欢

转载自blog.csdn.net/fangkang7/article/details/111695249