bootstrap模态窗ajax提交form表单重复提交,403 post请求无效

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;		

}

猜你喜欢

转载自blog.csdn.net/yapengliu/article/details/81489271