?

<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對象 到controllerconsole.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>

?

總結

以上是生活随笔為你收集整理的springboot: ajax异步提交表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。