千家信息网

layui中表单提交有两次的原因是什么

发表于:2025-01-25 作者:千家信息网编辑
千家信息网最后更新 2025年01月25日,这篇文章主要为大家展示了"layui中表单提交有两次的原因是什么",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"layui中表单提交有两次的原因是什么"这篇
千家信息网最后更新 2025年01月25日layui中表单提交有两次的原因是什么

这篇文章主要为大家展示了"layui中表单提交有两次的原因是什么",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"layui中表单提交有两次的原因是什么"这篇文章吧。

(1) 一般用layui导致提交两次,会想到的是在绑定on sumit的时候没有return false,导致没有把常规提交方式拦截下来,再次访问了action

如果你想了解更多关于layui的知识。

form.on('submit(formDemo)', function (data) {            var fd = new FormData($('form')[0]);            $.ajax({                type: "POST",                url: '/admin/adduser.do',                data: fd,                async: false,                cache: false,                contentType: false,                processData: false,                success: function (res) {                    if (res.status == 200) {                        layer.msg(res.msg, {time: 2000});                         var url = "/admin/views/users.html"; // 跳转                         setTimeout(function () {                             _window.location.href = url                         },2000);                    } else {                        layer.msg(res.msg, {time: 2000});                    }                }            });            return false; // 这段很关键        });

(2) 然而我的问题不是这个,我访问了两次的后端接口,特别奇怪,对前端进行调试之后发现多引用了一遍layui.all.js,也就是说页面要被渲染两次,当然就被提交两次了

以上是"layui中表单提交有两次的原因是什么"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0