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 @   aaa111js  阅读(335)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示