如何解决layui表单提交俩次


本文摘自PHP中文网,作者咔咔,侵删。

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

前言

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

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

一、起初操作

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

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

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

实现效果图一
实现效果图一
实现效果图二
实现效果图二

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

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

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

需要的js文件
需要的js文件

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

引入的js文件
引入的js文件

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

二、问题重现

添加一条数据

添加数据
添加数据

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

返回结果
返回结果

三、解决问题

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

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

js文件
js文件

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

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

layui.js文件
layui.js文件

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

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

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

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

以上就是如何解决layui表单提交俩次的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

layui导入导出excel方法

使用layui渲染table数据表格(实例)

layui表格动态显示变换

layui怎么导入excel

layui代码修饰器不显示样式怎么解决

layui怎么表格中显示图片

layui怎么调整弹框大小

layui如何清除表单数据

layui如何实现表格单元格合并

layui如何刷新当前tab选项卡

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...