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中表单提交有两次的原因是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


名称栏目:layui中表单提交有两次的原因是什么-创新互联
转载来源:http://scyanting.com/article/depsdp.html