springboot: ajax异步提交表单

 

<form id="p">
    权限名称： <input name="name" type="text" th:value="${p}==null?'':${p.name}">  <br>
    URI： <input name="uri" type="text" th:value="${p}==null?'':${p.uri}"><br>

    权限：
    <input type="checkbox" id="c"> c
    <input type="checkbox" id="r"> r
    <input type="checkbox" id="u"> u
    <input type="checkbox" id="d"/> d

    <input type="text" name="id" th:value="${p}==null?'':${p.id}">
    <br>
    <a class="btn btn-danger" href="javascript:smt();">提交</a>
</form>



<script type="text/javascript">
function smt(){
	var formObject = {};
	
	var data = $("#p").serializeArray();
	$.each(data,function(i,item){
		
		formObject[item.name] = item.value
	});
	
	
	formObject["c"] = $("#c").is(':checked');
	formObject["r"] = $("#r").is(':checked');
	formObject["u"] = $("#u").is(':checked');
	formObject["d"] = $("#d").is(':checked');
	
	
	// 提交json对象 到controller
	console.log("data" + data);
	console.log("formObject" + formObject);
	console.log("formObject" + JSON.stringify(formObject));
	
	var url = "/boot/api/v1/manager/permission/update";
	
//	$.post(url,formObject,function(data){
//		console.log(data)
		
//	})


// 使用ajax异步提交,设置自定义请求头
	$.ajax({
		
		type : "post",
		url : url,
		contentType : "application/json" ,
		data : JSON.stringify(formObject),
		dataType : "json",
		
		success : function (msg){
			console.log("sucess:" +JSON.stringify(msg) )
		},
		error : function (msg){
			console.log("error:" + msg)
		}
	})
	
}
</script>