json用于表单提交的表单数据处理

<form id="myForm" class="form-group" onsubmit="return validateForm()" method="post" enctype="application/json">
   <select id="backtype" name="type" class="t_input">
      <option value="${value}">${name}</option>
   </select>
   <input id="fname" name="name" type="text" class="t_input" placeholder="请输入" required>
    <input id="subBtn" type="submit" class="sub_btn" value="提交" >
</form>
var formData = {
  type: "",
  name: ""
};
function validateForm() {
  let datas = $("#myForm").serializeArray();
  formData.type = "" + datas[0].value;
  formData.name = "" + datas[1].value;
  formData = JSON.stringify(formData);
  $.ajax({
    url: requestUrl + "/mobileapi/saveReturnInfo",
    type: "POST",
    async: false,
    contentType: 'application/json' ,    
    data: formData,
    success:function(res){debugger;
      console.log(res)
    },
    error:function(){
      console.log("error")
    }
  });    
}
@PostMapping(value = "/saveReturnInfo")
public AjaxResult saveReturnInfo(@RequestBody Returninfo returninfo,HttpServletRequest request, HttpServletResponse response) {
      return AjaxResult.success(returninfo);  
}

 

posted @ 2022-07-20 15:05  aaa111js  阅读(355)  评论(0)    收藏  举报