bootstrap模态窗ajax提交form表单重复提交,403 post请求无效
<!-- 添加厂家负责人 -->
<div class="modal fade-scrolling" id="director-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 700px;">
<div class="modal-content" style="width: 700px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3>添加厂家负责人</h3>
</div>
<!-- badapple return addLinkMan(); -->
<form id="director-form" method="post" onsubmit="return addLinkMan();">
<div class="modal-body">
<div class="form-group" >
<input type="text" id="ManageId" name="manageId" >
<table>
<tr>
<td class="ttd"><font>联系人</font></td>
<td><input class="form-control" type="text" name="linkName" required="required" "></td>
</tr>
<tr>
<td class="ttd"><font>联系电话</font></td>
<td><input class="form-control" type="text" name="linkPhone" required="required"></td>
</tr>
<tr>
<td class="ttd"><font>身份证号</font></td>
<td><input class="form-control" type="text" name="linkCord" required="required"></td>
</tr>
</table>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" id = "director-submit" type="submit">提交</button>
<a href="#" class="btn btn-default" data-dismiss="modal">取消</a>
</div>
</form>
</div>
</div>
</div>
<!--添加模态窗结束-->
ajax 最后加一个 return false 即可解决二次提交的问题
//添加厂家联系人
function addLinkMan() {
$.ajax({
type : "POST",
url : "${ctx }/sggk/ajax/savelink",
cache : false,
data : $('#director-form').serialize(),
dataType : "json",
success : function(data) {
if(data.status == "1"){
$("#director-modal").modal("hide");
alert("添加成功!")
}else{
alert("添加失败!")
}
},
error : function(E) {
console.log(E);
alert('通讯失败,请稍后再试');
}
});
return false;
}