springmvc学习笔记(18)-json数据交互
Posted yangykaifa
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了springmvc学习笔记(18)-json数据交互相关的知识,希望对你有一定的参考价值。
springmvc学习笔记(18)-json数据交互
本文主要介绍怎样在springmvc中进行json数据的交互。先是环境准备和配置,然后分别展示了“输入json串,输出是json串”和“输入key/value,输出是json串”两种情况下的交互
springmvc进行json交互
json数据格式在接口调用中、html页面中较经常使用。json格式比較简单,解析还比較方便。
比方:webservice接口。传输json数据.
- 请求json、输出json,要求请求的是json串,所以在前端页面中须要将请求的内容转成json,不太方便。
- 请求key/value、输出json。此方法比較经常使用。
环境准备
加入json转换的依赖
最開始我少了jackson-databind
依赖,程序各种报错。
<!-- json 转换-->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.7.2</version>
</dependency>
<dependency>
<groupId>org.codehaus.jackson</groupId>
<artifactId>jackson-mapper-asl</artifactId>
<version>1.9.13</version>
</dependency>
查看依赖树
[INFO] +- com.fasterxml.jackson.core:jackson-databind:jar:2.7.2:compile
[INFO] | +- com.fasterxml.jackson.core:jackson-annotations:jar:2.7.0:compile
[INFO] | \- com.fasterxml.jackson.core:jackson-core:jar:2.7.2:compile
[INFO] \- org.codehaus.jackson:jackson-mapper-asl:jar:1.9.13:compile
[INFO] \- org.codehaus.jackson:jackson-core-asl:jar:1.9.13:compile
配置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 />
则不用定义上边的内容。
json交互測试
显示两个按钮分别測试
- jsp页面
<%--
Created by IntelliJ IDEA.
User: brian
Date: 2016/3/7
Time: 20:49
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>json交互測试</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
//请求json,输出是json
function requestJson(){ 省略 }
//请求key/value。输出是json
function responseJson(){ 省略 }
</script>
</head>
<body>
<input type="button" onclick="requestJson()" value="请求json。输出是json"/>
<input type="button" onclick="responseJson()" value="请求key/value,输出是json"/>
</body>
- controller
@Controller
public class JsonTest {
省略
}
- 測试结果
输入json串,输出是json串
使用jquery的ajax提交json串,对输出的json结果进行解析。
- jsp页面
//请求json,输出是json
function requestJson(){
$.ajax({
type:‘post‘,
url:‘${pageContext.request.contextPath }/requestJson.action‘,
contentType:‘application/json;charset=utf-8‘,
//数据格式是json串,商品信息
data:‘{"name":"手机","price":999}‘,
success:function(data){//返回json结果
alert(data);
}
});
}
- controller
//请求json串(商品信息),输出json(商品信息)
//@RequestBody将请求的商品信息的json串转成itemsCustom对象
//@ResponseBody将itemsCustom转成json输出
@RequestMapping("/requestJson")
public @ResponseBody ItemsCustom requestJson(@RequestBody ItemsCustom itemsCustom){
//@ResponseBody将itemsCustom转成json输出
return itemsCustom;
}
- 測试结果
能够看到,request和response的HTTP头的Content-Type都是application/json;charset=utf-8
输入key/value,输出是json串
使用jquery的ajax提交key/value串,对输出的json结果进行解析
- jsp页面
//请求key/value,输出是json
function responseJson(){
$.ajax({
type:‘post‘,
url:‘${pageContext.request.contextPath }/responseJson.action‘,
//请求是key/value这里不须要指定contentType,由于默认就 是key/value类型
//contentType:‘application/json;charset=utf-8‘,
//数据格式是json串。商品信息
data:‘name=手机&price=999‘,
success:function(data){//返回json结果
alert(data.name);
}
});
}
- controller
//请求key/value,输出json
@RequestMapping("/responseJson")
public @ResponseBody ItemsCustom responseJson(ItemsCustom itemsCustom){
//@ResponseBody将itemsCustom转成json输出
return itemsCustom;
}
- 測试结果
能够看到。key/value键值对的默认Content-Type是application/x-www-form-urlencoded
,同一时候。我们收到了响应“手机”
以上是关于springmvc学习笔记(18)-json数据交互的主要内容,如果未能解决你的问题,请参考以下文章
Spring MVC 学习笔记 --- [SpringMVC的数据响应(Ajax提交请求后,用JSON格式响应数据)]
学习笔记——SpringMVC消息转换器概述;使用消息转换器处理请求报文;使用消息转换器处理响应报文;使用消息转换器处理Json格式数据