• 技术文章 >web前端 >Layui教程

    如何解决layui表单提交俩次

    咔咔咔咔2020-12-28 13:36:06原创711

    槽糕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中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:layui
    上一篇:通过layui给数据表格添加序号 下一篇:layui代码修饰器不显示样式怎么解决
    大前端线上培训班

    相关文章推荐

    • 为什么我的layui进度条渲染不出来• layui中怎么设置select项• 通过layui给数据表格添加序号• layui代码修饰器不显示样式怎么解决

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网