使用layer弹出层js方式提交表单重复2次问题

  • 问题:在使用layer的弹出层中提交的表单数据到后台,在没有禁止表单提交的情况下,出现了两次重复提交的情况

  • 在表单上面禁止表单提交onsubmit="return false;"可以阻止表单提交,但是也阻止我们后台的表单验证信息,不能采用

<form class="form-horizontal" action="{{route('permission.store')}}" method="post"
                      id="add_permission" onsubmit="return false;">
  • 解决方式:在ajax方式请求完后台成功返回后使用js方式禁止掉表单的默认提交
$.ajax({
            url: "{{route('permission.store')}}",
            data: $('#add_permission').serialize(),
            type: 'post',
            async: false,
            success: function (data) {
                console.log(data)
                $('#add_permission').submit(function () {//禁止表单的默认提交事件
                    return false;
                })
                if (data.status_code == 200) {
                    flag = true;
                }
            },
            error: function (data) {
                return false
            }
        })
上一篇:在python-eve内部提交请求(post)


下一篇:如何在python-eve应用程序中返回更有意义的500错误