SpringMVC教程--json使用详解

json数据交互

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

<!--注解适配器 --><bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter"><property name="messageConverters"><list><bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean></list></property></bean>

注意：如果使用<mvc:annotation-driven /> 则不用定义上边的内容。

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：

src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>

//请求json响应jsonfunction 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.3.5 测试结果：

从上图可以看出请求的数据是json格式

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-urlencodeddata:user,success:function(data){alert(data.name);}})}

从上边的js代码看出，已去掉ContentType的定义，ContentType默认为：application/x-www-form-urlencoded格式。

1.4.4 测试结果：

从上图可以看出请求的数据是标准的key/value格式。

1.4.5 jquery的form插件插件

针对上边第二种方法，可以使用jquery的form插件提交form表单，实现ajax提交form表单，如下：

引用js：

src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>

src="${pageContext.request.contextPath }/js/jquery.form.min.js"></script>

js方法如下：

function response_json() {//form对象var formObj = $("#itemForm");//执行ajax提交formObj.ajaxSubmit({dataType : "json",//设置预期服务端返回jsonsuccess : function(responseText) {alert(responseText);}});}

2.4.5 小结

实际开发中常用第二种方法，请求key/value数据，响应json结果，方便客户端对结果进行解析。