13518219792
json数据交互
创新互联建站专业为企业提供石嘴山网站建设、石嘴山做网站、石嘴山网站设计、石嘴山网站制作等企业网站建设、网页设计与制作、石嘴山企业网站模板建站服务，10年石嘴山做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
1.1 @RequestBody
作用：@RequestBody注解用于读取http请求的内容(字符串)，通过springmvc提供的HttpMessageConverter接口将读到的内容转换为json、xml等格式的数据并绑定到controller方法的参数上。
本例子应用：@RequestBody注解实现接收http请求的json数据，将json数据转换为Java对象
1.2 @ResponseBody
作用：该注解用于将Controller的方法返回的对象，通过HttpMessageConverter接口转换为指定格式的数据如：json,xml等，通过Response响应给客户端
本例子应用：@ResponseBody注解实现将controller方法返回对象转换为json响应给客户端
1.3 请求json，响应json实现：
1.3.1 环境准备
Springmvc默认用MappingJacksonHttpMessageConverter对json数据进行转换，需要加入jackson的包，如下：
1.3.2 配置json转换器
在注解适配器中加入messageConverters
注意：如果使用
1.3.3 controller编写
// 商品修改提交json信息，响应json信息
@RequestMapping("/editItemSubmit_RequestJson")
public @ResponseBody Items editItemSubmit_RequestJson(@RequestBody Items items) throws Exception {
System.out.println(items);
//itemService.saveItem(items);
return items;
}
1.3.4 页面js方法编写：
引入 js：
//请求json响应json
function request_json(){
$.ajax({
type:"post",
url:"${pageContext.request.contextPath }/item/editItemSubmit_RequestJson.action",
contentType:"application/json;charset=utf-8",
data:'{"name":"测试商品","price":99.9}',
success:function(data){
alert(data);
}
});
}
1.4 Form提交，响应json实现：
采用form提交是最常用的作法，通常有post和get两种方法，响应json数据是为了方便客户端处理，实现如下：
1.4.1 环境准备
同第一个例子
1.4.2 controller编写
// 商品修改提交，提交普通form表单数据，响应json
@RequestMapping("/editItemSubmit_ResponseJson")
public @ResponseBody Items editItemSubmit_ResponseJson(Items items) throws Exception {
System.out.println(items);
//itemService.saveItem(items);
return items;
}
1.4.3 页面js方法编写：
function formsubmit(){
var user = " name=测试商品&price=99.9";
alert(user);
$.ajax(
{
type:'post',//这里改为get也可以正常执行
url:'${pageContext.request.contextPath}/item/ editItemSubmit_RequestJson.action',
//ContentType没指定将默认为：application/x-www-form-urlencoded
data:user,
success:function(data){
alert(data.name);
}
}
)
}
从上边的js代码看出，已去掉ContentType的定义，ContentType默认为：application/x-www-form-urlencoded格式。
1.4.4 jquery的form插件插件
针对上边第二种方法，可以使用jquery的form插件提交form表单，实现ajax提交form表单，如下：
引用js：
js方法如下：
function response_json() {
//form对象
var formObj = $("#itemForm");
//执行ajax提交
formObj.ajaxSubmit({
dataType : "json",//设置预期服务端返回json
success : function(responseText) {
alert(responseText);
}
});
} 1.4.5 小结
实际开发中常用第二种方法，请求key/value数据，响应json结果，方便客户端对结果进行解析。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
