layui中为什么有两次表单提交-创新互联

本篇文章给大家分享的是有关layui中为什么有两次表单提交，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创新互联主营晋中网站建设的网络公司,主营网站建设方案,重庆APP开发,晋中h5成都微信小程序搭建,晋中网站营销推广欢迎晋中等地区企业咨询

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

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，也就是说页面要被渲染两次，当然就被提交两次了

<script src="../assets/layui.all.js"></script>
<script src="../assets/layui.all.js" charset="utf-8"></script>
<script src="../jquery.js"></script>

以上就是layui中为什么有两次表单提交，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页题目：layui中为什么有两次表单提交-创新互联
分享链接：https://www.cdcxhl.com/article36/hdgsg.html

成都网站建设公司_创新互联，为您提供网站导航、自适应网站、面包屑导航、网站制作、标签优化、定制网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容