如何通过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代码

 @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数据”这篇文章对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，更多相关知识等着你来学习!

文章名称：如何通过Ajax进行Post提交Json数据-创新互联
分享路径：http://cxhlcq.com/article/gcsso.html