如何通过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数据-创新互联
网页URL:http://myzitong.com/article/gcsso.html