您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

通过Ajax进行Post提交Json数据的方法

51自学网 2022-02-21 10:51:32
  ajax

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 style="white-space:pre;"> </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数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持51zixue.net。


下载地址:
Ajax的原生实现关于MIME类型的使用方法
简单实现ajax获取跨域数据
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。