如何通过Ajax进行Post提交Json数据

这篇文章主要介绍了如何通过Ajax进行Post提交Json数据，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

js代码

$.ajax({ 
      type : "POST", 
      url : js_path + "/maintainAdd/add", 
      data : JSON.stringify(madd_data.editMaintain), 
      contentType : "application/json", 
      dataType : "json", 
      complete:function(msg) { 
        layer.msg("报修成功",{time:2000}); 
        layer.close(madd_data.w_c_index); 
      } 
    });

Action代码

<span > </span>@ResponseBody 
  @RequestMapping(value = "/add",method = RequestMethod.POST) 
  public void addMaintain(@RequestBody Maintain maintain){ 
    this.save_maintain(maintain); 
  }

注意事项：

1、ajax中，contentType: "application/json"是必须的。dataType: "json"是表示返回值是json格式，依据返回值类型而定。

2、data中，将json对象序列化。使用JSON.stringfy()函数或者双引号形式的字符串。

3、调试的一个技巧，有时候json变量和实体类相对复杂时提交老是报415或者400的错误又找不到原因，可以将Action中的实体类换成JSONObject 看看能不能接收到参数，@RequestBody JSONObject requestJso，接收后在JSON系列化到实体类。有次就是因为json变量向实体类转换时发生字符向数字转换的错误。

感谢你能够认真阅读完这篇文章，希望小编分享的“如何通过Ajax进行Post提交Json数据”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注行业资讯频道，更多相关知识等着你来学习!