登录  /  注册

如何解决layui表单提交俩次

咔咔
发布: 2020-12-25 18:09:40
原创
2523人浏览过

槽糕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表单提交俩次的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号