1.JSON数据转换
JSON(JavaScriptObjectNotation,JS对象标记)是一种轻量级的数据交换格式.它是基于JavaScript的一个子集,采用文本格式来存储和表示数据.
JSON有如下两种数据结构:
- 对象结构
对象结构以"{}"标记,中间部分由","隔开,存储形式如图所示:
语法格式如下:
{
key1:value1,
key2:value2,
...
}
其中关键字(key)必须为String类型,值(value)可以是String,Number,Object,Array等数据类型,例如
{"city":"BeiJing","street":"xierqi","postcode":"100000"}
- 数组结构
数组结构以"[]"标记,由","隔开,如图所示:
语法如下:
[
value1,
value2,
...
]
demo:一个数组包含了String,Number,Boolean,null类型数据,使用JSON的表示形式如下:
["abc",12345,false,null]
对象,数组结构也可以分别组合构成复杂的数据结构,例如一个person对象包含name,hobby和address对象,其代码形式如下:
{
"name":"zhangsan"
"hobby":["篮球","羽毛球","游泳"]
"address":{
"city":"Beijing"
"street":"xierqi"
"postcode":"100000"
}
}
注意:如果使用JSON存储单个数据如("abc"),一定要使用数组的形式,不要使用Object形式,因为Object形式必须是key:value
注解 | 说明 |
@RequestBody |
用于将json数据转为Java对象 |
@ResponseBody |
用于将 controller 方法返回对象转换为 json 响应给客户端 |
demo:如何进行json数据的交互
(1)创建项目,导入相关jar包
(2)在web.xml中,对SpringMVC的前端控制器等信息进行配置
<display-name>chapter14</display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!--配置SpringMVC前端控制器DispatcherServlet-->
<servlet>
<servlet-name>springmvc</servlet-name>
<servlet-class>
org.springframework.web.servlet.DispatcherServlet
</servlet-class>
<!--配置SpringMVC加载配置文件路径-->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc-config.xml</param-value>
</init-param>
<!--配置服务器启动后立即加载SpringMVC配置文件-->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
(3)springmvc-config.xml
<!--定义组件扫描器,指定需要扫描的包-->
<context:component-scan base-package="com.itcast.controller"/>
<!--配置注解驱动-->
<mvc:annotation-driven/>
<!--配置静态资源的访问映射,此配置中的文件,将不被前端控制器拦截-->
<mvc:resources location="/js/" mapping="/js/**"/>
<!--配置视图解析器-->
<bean-class=
"org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/jsp/"/>
<property name="suffix" value=".jsp"/>
属性 | 说明 |
location | 用于定位需要访问的本地静态资源文件路径,具体到某个文件夹 |
mapping | 匹配静态资源全路径,其中"/**"表示文件夹及其子文件夹下的某个具体文件 |
(4)User.java
(5)index.jsp用来测试JSON数据交互
<title>测试JSON交互</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript"
src="${pageContext.request.contextpath}/js/jquery-1.11.3.min.js">
</script>
<script type="text/javascript">
function testJson(){
//获取输入的用户名和密码
var username=$("#username").val();
var password=$("#password").val();
$.ajax({
url:"${pageContext.request.contextpath}/testJaon",
type:"post",
//data 表示发送的数据
data:JSON.stringify({username:username,password:password}),
//定义发送请求的数据格式为JSON字符串
contentType:"application/json;charset=UTF-8",
//定义回调响应的数据格式为JSON字符串,该属性可以省略
dataType:"json",
//成功响应的结果
success:function(data){
if(data!=null){
alert("输入的用户名为:"+data.ussername+"密码为:"+data.password);
}
}
});
}
</script>
<body>
<form>
用户名:<input type="text" name="username" id="username"><br/>
密 码:
<input type="password" name="password" id="password"><br/>
<input type="button" value="测试JSON交互" onclick="testJson()"/>
</form>
</body>
(6)UserController
@Controller
public class UserController{
/*
接收页面请求的JSON数据,并返回JSON格式结果
*/
@RequestMapping("/testJson")
@ResponseBody
public User testJaon(@RequestBody User user){
//打印接收的JSON格式数据
System.out.println(user);
//返回JSON格式的响应
return user;
}
}
2.使用<bean>标签方式的JSON转换器配置
<!--<bean>标签配置注解方式的处理器映射器和处理器适配器必须配对使用-->
<!--使用<bean>标签配置注解方式的处理器映射器-->
<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandleMapping"/>
<!--使用<bean>标签配置注解方式的处理器适配器-->
<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandleAdapter"/>
<property name="messageConverters">
<list>
<!--在注解适配器中配置JSON转换器-->
<bean class="org.springframework.http.converter.json.MappingJackson2HttpMe
ssageConverter"/>
</list>
</property>
3.配置静态资源的访问方式
除了使用<mvc:resources>实现对静态资源的访问外,还有另外两种方式
- 使用<mvc:default-servlet-handler>标签
<mvc:default-servlet-handler default-servlet-name="Servlet名称">
- 激活Tomcat默认的Servlet来处理静态文件访问
<!--激活tomcat的静态资源拦截,需要哪些静态文件,再往下追加-->
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
...
3.RESTful
RESTful风格就是把请求参数变成请求路径的一种风格,例如传统URL请求格式为:
http://.../queryItems?id=1
采用RESTful风格之后:
http://.../items/1
4.demo:用户信息查询
(1)UserController中,编写用户查询方法selectUser()
/*
接收Restful风格的请求,接收方式为Get
*/
@RequestMapping(value="/user/{id},method=RequestMethod.GET")
@ResponseBody
public User selectUser(@pathVariable("id")String id){
//查看数据接收
System.out.println("id="+id);
User user =new User();
//模拟根据id查询出到用户对象数据
if(id.equals("1234")){
user.setUsername("tom");
}
//返回JSON格式的数据
return user;
}
(2)restful.jsp
<title>测试Restful</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript"
src="${pageContext.request.contextpath}/js/jquery-1.11.3.min.js">
</script>
<script type="text/javascript">
function search(){
//获取输入的查询编号
var id=$("#number").val();
$.ajax({
url:"${pageContext.request.contextpath}/user/"+id,
type:"GET",
data:JSON.stringify({username:username,password:password}),
//定义回调响应的数据格式为JSON字符串,该属性可以省略
dataType:"json",
//成功响应的结果
success:function(data){
if(data.username!=null){
alert("查询的用户名为:"+data.ussername);
}else{
alert("没有找到id为:"+id+"的用户")
}
}
});
}
</script>
</head>
<body>
<form>
编号:<input type="text" name="number" id="number"><br/>
<input type="button" value="搜索" onclick="search()"><br/>
</form>
</body>