如何解决layui表单提交俩次

如何解决layui表单提交俩次,第1张

如何解决layui表单提交俩次

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

前言

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

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

一、起初 *** 作

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

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

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

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

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

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

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

需要的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, 导致连续触发了两次!

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

以上就是如何解决layui表单提交俩次的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/696390.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-22
下一篇 2022-04-22

发表评论

登录后才能评论

评论列表(0条)

保存