json数据交换

1.1   为什么要进行json数据交互

json数据格式在接口调用中、html页面中较常用,json格式比较简单,解析还比较方便。

比如:webservice接口,传输json数据.

 

1.2   springmvc进行json交互

1、请求json、输出json,要求请求的是json串,所以在前端页面中需要将请求的内容转成json,不太方便。

 

2、请求key/value、输出json。此方法比较常用。

 

1.3    环境准备

 

1.3.1   加载json转的jar包

springmvc中使用jackson的包进行json转换(@requestBody和@responseBody使用下边的包进行json转),如下:

 

 

1.3.2     配置json转换器

在注解适配器中加入messageConverters

1 <!--注解适配器 -->
2     <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
3         <property name="messageConverters">
4         <list>
5         <bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter"></bean>
6         </list>
7         </property>
8     </bean>

 

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

 

 

1.4   json交互测试

 

1.4.1    输入json串,输出是json串

1.4.1.1     jsp页面

使用jquery的ajax提交json串,对输出的json结果进行解析。

 1 //请求json,输出是json
 2 function requestJson(){
 3     
 4     $.ajax({
 5         type:'post',
 6         url:'${pageContext.request.contextPath }/requestJson.action',
 7         contentType:'application/json;charset=utf-8',
 8         //数据格式是json串,商品信息
 9         data:'{"name":"手机","price":999}',
10         success:function(data){//返回json结果
11             alert(data);
12         }
13         
14     });
15 }

 

1.4.1.2   controller

1 //请求json串(商品信息),输出json(商品信息)
2     //@RequestBody将请求的商品信息的json串转成itemsCustom对象
3     //@ResponseBody将itemsCustom转成json输出
4     @RequestMapping("/requestJson")
5     public @ResponseBody ItemsCustom requestJson(@RequestBody ItemsCustom itemsCustom){
6         
7         //@ResponseBody将itemsCustom转成json输出
8         return itemsCustom;
9     }

 

1.4.1.3              测试结果

 

1.4.2     输入key/value,输出是json串

1.4.2.1       jsp页面

使用jquery的ajax提交key/value串,对输出的json结果进行解析。

 1 //请求key/value,输出是json
 2 function responseJson(){
 3     
 4     $.ajax({
 5         type:'post',
 6         url:'${pageContext.request.contextPath }/responseJson.action',
 7         //请求是key/value这里不需要指定contentType,因为默认就 是key/value类型
 8         //contentType:'application/json;charset=utf-8',
 9         //数据格式是json串,商品信息
10         data:'name=手机&price=999',
11         success:function(data){//返回json结果
12             alert(data.name);
13         }
14     });
15 }

 

1.4.2.2     controller

1 //请求key/value,输出json
2     @RequestMapping("/responseJson")
3     public @ResponseBody ItemsCustom responseJson(ItemsCustom itemsCustom){
4         
5         //@ResponseBody将itemsCustom转成json输出
6         return itemsCustom;
7     }

 

1.4.2.3              测试

 

 

posted @ 2016-11-13 17:12  海天依色  阅读(459)  评论(0编辑  收藏  举报