-
问题:在使用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
}
})