1. JSON
JSON(JavaScript Object Notation, JS 对象标记))是一种轻量级的数据交换格式,目前使用特别广泛。
采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
1.1 JSON 语法
JSON 语法规则:
在 JS 语言中,一切都是对象**。因此,任何JS支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等。对象和数组是比较特殊且常用的两种类型。他的要求和语法格式:
- 对象表示为键值对
- 数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
JSON 键/值对:
JSON 键值对是用来保存 JS 对象的一种方式,和 JS 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 ""
包裹,使用冒号 :
分隔,然后紧接着值:
{"name":"小明"}
{"age":18}
等价于下面这条 JavaScript 语句:
{name:"小明"}
{age:18}
JSON 与 JS 对象的关系:
很多人搞不清楚 JSON 和 Js 对象的关系,甚至连谁是谁都不清楚。其实,可以这么理解:
JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。
var obj = {a: 'Hello', b: 'World'}; //这是一个对象,注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串,本质是一个字符串
JSON 和 JS 对象互转:
要实现从JSON字符串转换为JS对象,使用 JSON.parse()
方法:
var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //{a: 'Hello', b: 'World'}
要实现从JS对象转换为JSON字符串,使用 JSON.stringify()
方法:
var json = JSON.stringify({a: 'Hello', b: 'World'}); //'{"a": "Hello", "b": "World"}'
如,json.html
:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
//编写一个对象
var user = {
name:"小仙女",
age:18,
sex:"女"
};
//将js对象转换为json字符串;
var str = JSON.stringify(user);
console.log(str)
//将json字符串转换为js对象;
var obj = JSON.parse(str);
console.log(obj);
</script>
</body>
</html>
结果:
1.2 常用类型
任何支持的类型都可以通过 JSON 来表示,例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型。
对象:对象在 JS 中是使用花括号 {}
包裹起来的内容,数据结构为 {key1:value1, key2:value2, ...}
的键值对结构。在面向对象的语言中,key 为对象的属性,value 为对应的值。键名可以使用整数和字符串来表示。值的类型可以是任意类型。如:
{"firstName": "Brett", "lastName": "McLaughlin"}
数组:数组在 JS 中是方括号 []
包裹起来的内容,数据结构为 ["java", "javascript", "vb", ...]
的索引结构。在 JS 中,数组是一种比较特殊的数据类型,它也可以像对象那样使用键值对,但还是索引使用得多。同样,值的类型可以是任意类型。
{
"people":[
{"firstName": "Brett","lastName":"McLaughlin"},
{"firstName":"Jason","lastName":"Hunter"}
]
}
2. 使用Controller实现返回JSON数据
Jackson应该是目前比较好的json解析工具了,当然工具不止这一个,比如还有阿里巴巴的fastjson等等。
我们这里使用Jackson,只需要一个简单的注解就可以实现了。使用它需要导入它的jar包。
<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-core -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.9.8</version>
</dependency>
2.1 测试程序1
我们随便编写一个User的实体类User.java
,然后我们去编写我们的测试Controller;
这里我们需要两个新东西,一个是@ResponseBody
,将服务器端返回的对象转换为json对象响应回去;一个是ObjectMapper
对象,我们看下具体的用法。
package org.xiao.controller;
import ***
@Controller
public class UserController {
@RequestMapping("/json1")
//思考问题,我们正常返回他会走视图解析器,而json需要返回的是一个字符串;
//@ResponseBody , 将服务器端返回的对象转换为json对象响应回去;
@ResponseBody
public String json1() throws JsonProcessingException {
//需要一个jackson的对象映射器,就是一个类,使用它可以直接将对象转换为json字符串;
ObjectMapper mapper = new ObjectMapper();
User user = new User("小仙女", 16, "女");
System.out.println(user);
//将Java对象装换成json格式
String str = mapper.writeValueAsString(user);
System.out.println(str);
return str; 由于@ResponseBody注解,这里会将str转成json格式返回;十分方便
}
}
结果:
发现一个问题,乱码了?
怎么解决? 给@RequestMapping加一个属性
发现出现了乱码问题,我们需要设置一下他的编码格式为utf-8,以及它返回的类型;
通过@RequestMaping的produces属性来实现,修改下代码。
produces:指定响应体返回类型和编码
@RequestMapping(value = "/json2",produces = "application/json;charset=utf-8")
@ResponseBody
public String json2() throws JsonProcessingException {
User user = new User("小仙女", 16, "女");
return new ObjectMapper().writeValueAsString(user);
}
结果:
【注意】使用json需要处理乱码问题
上一种方法比较麻烦,如果项目中有许多请求则每一个都要添加,可以通过Spring配置统一指定,这样就不用每次都去处理了!
springmvc-servlet.xml
<mvc:default-servlet-handler/>
<mvc:annotation-driven>
<!--JSON格式乱码处理方式-->
<mvc:message-converters register-defaults="true">
<bean class="org.springframework.http.converter.StringHttpMessageConverter">
<constructor-arg value="UTF-8"/>
</bean>
<bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
<property name="objectMapper">
<bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
<property name="failOnEmptyBeans" value="false"/>
</bean>
</property>
</bean>
</mvc:message-converters>
</mvc:annotation-driven>
然后我们打印一个集合,
@RequestMapping(value = "/json3")
@ResponseBody
public String json3() throws JsonProcessingException {
ObjectMapper mapper = new ObjectMapper();
User user1 = new User("小仙女1", 16, "女");
User user2 = new User("小仙女2", 17, "女");
User user3 = new User("小仙女3", 18, "女");
ArrayList<User> list = new ArrayList<>();
list.add(user1);
list.add(user2);
list.add(user3);
String str = mapper.writeValueAsString(list);
return str;
}
结果:
2.2 测试程序2
我们创建一个时间日期的对象试试,看看能不能转换成功!
package org.xiao.controller;
import ***
@Controller
public class DateController {
@RequestMapping("/time")
@ResponseBody
public String json() throws JsonProcessingException {
//创建一个时间对象
Date date = new Date();
ObjectMapper mapper = new ObjectMapper();
String str = mapper.writeValueAsString(date);
return str;
}
结果:
默认日期格式会变成一个数字,是1970年1月1日到当前日期的毫秒数!Jackson 默认是转成timestamps形式
解决方案:取消timestamps形式 , 自定义时间格式
@RequestMapping("/time2")
@ResponseBody
public String json2() throws JsonProcessingException {
ObjectMapper mapper = new ObjectMapper();
//不使用时间戳的方式
mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS,false);
//自定义日期格式对象
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
//指定日期格式
mapper.setDateFormat(sdf);
Date date = new Date();
String str = mapper.writeValueAsString(date);
return str;
}
结果:
如果要经常使用的话,这样是比较麻烦的,我们将这些代码封装到一个工具类JsonUtils中,
package org.xiao.utils;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.SerializationFeature;
import java.text.SimpleDateFormat;
public class JsonUtils {
public static String getJson(Object object){
return getJson(object,"yyyy-MM-dd HH:mm:ss");
}
public static String getJson(Object object,String dateFormat){
ObjectMapper mapper = new ObjectMapper();
//不使用时间戳的方式
mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS,false);
//自定义日期格式对象
SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);
//指定日期格式
mapper.setDateFormat(sdf);
try {
String str = mapper.writeValueAsString(object);
return str;
} catch (JsonProcessingException e) {
e.printStackTrace();
}
return null;
}
}
使用工具类,代码实现为,
@RequestMapping("/time3")
@ResponseBody
public String json3() throws JsonProcessingException{
Date date = new Date();
String str = JsonUtils.getJson(date);
return str;
}
结果:
我们上面都是用的是 @ResponseBody
注解,它就是把后台的对象转换成json对象,返回到页面 , 和它对应的当然就是@RequestBody
,一般用来负责接收前台的json数据,把json数据自动封装到pojo中;我们之后Ajax来测试这一块。这两个注解一般都会在异步获取数据中使用到。