網站接入qq登入
6、什麼是JSON?
- JSON(JavaScript Object Notation, JS 物件標記) 是一種輕量級的資料交換格式,目前使用特別廣泛。
- 採用完全獨立於程式語言的文字格式來儲存和表示資料。
- 簡潔和清晰的層次結構使得 JSON 成為理想的資料交換語言。
- 易於人閱讀和編寫,同時也易於機器解析和生成,並有效地提升網路傳輸效率。
在 JavaScript 語言中,一切都是物件。因此,任何JavaScript 支援的型別都可以通過 JSON 來表示,例如字串、數字、物件、陣列等。看看他的要求和語法格式:
- 物件表示為鍵值對,資料由逗號分隔
- 花括號儲存物件
- 方括號儲存陣列
JSON 鍵值對
{"name": "QinJiang"}
{"age": "3"}
{"sex": "男"}
很多人搞不清楚 JSON 和 JavaScript 物件的關係,甚至連誰是誰都不清楚。其實,可以這麼理解:
JSON 是 JavaScript 物件的字串表示法,它使用文字表示一個 JS 物件的資訊,本質是一個字串。
var obj = {a: 'Hello', b: 'World'}; //這是一個物件,注意鍵名也是可以使用引號包裹的
var json = '{"a": "Hello", "b": "World"}'; //這是一個 JSON 字串,本質是一個字串
JSON 和 JavaScript 物件互轉
要實現從JSON字串轉換為JavaScript 物件,使用 JSON.parse() 方法:
var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //結果是 {a: 'Hello', b: 'World'}
要實現從JavaScript 物件轉換為JSON字串,使用 JSON.stringify() 方法:
var json = JSON.stringify({a: 'Hello', b: 'World'});
//結果是 '{"a": "Hello", "b": "World"}'
程式碼測試
1、新建一個module ,springmvc-05-json , 新增web的支援
2、在web目錄下新建一個 json-1.html , 編寫測試內容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSON_秦疆</title>
</head>
<body>
<script type="text/javascript">
//編寫一個js的物件
var user = {
name:"秦疆",
age:3,
sex:"男"
};
//將js物件轉換成json字串
var str = JSON.stringify(user);
console.log(str);
//將json字串轉換為js物件
var user2 = JSON.parse(str);
console.log(user2.age,user2.name,user2.sex);
</script>
</body>
</html>
3、在IDEA中使用瀏覽器開啟,檢視控制檯輸出!
6.1 Controller返回Json資料
Jackson應該是目前比較好的json解析工具了
當然工具不止這一個,比如還有阿里巴巴的 fastjson 等等。
我們這裡使用Jackson,使用它需要匯入它的jar包;
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.9.8</version>
</dependency>
配置SpringMVC需要的配置
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<!--1.註冊servlet-->
<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-servlet.xml</param-value>
</init-param>
<!-- 啟動順序,數字越小,啟動越早 -->
<load-on-startup>1</load-on-startup>
</servlet>
<!--所有請求都會被springmvc攔截 -->
<servlet-mapping>
<servlet-name>SpringMVC</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<filter>
<filter-name>encoding</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>utf-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encoding</filter-name>
<url-pattern>/</url-pattern>
</filter-mapping>
</web-app>
springmvc-servlet.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context
https://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/mvc
https://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- 自動掃描指定的包,下面所有註解類交給IOC容器管理 -->
<context:component-scan base-package="com.kuang.controller"/>
<!-- 檢視解析器 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
id="internalResourceViewResolver">
<!-- 字首 -->
<property name="prefix" value="/WEB-INF/jsp/" />
<!-- 字尾 -->
<property name="suffix" value=".jsp" />
</bean>
</beans>
我們隨便編寫一個User的實體類,然後我們去編寫我們的測試Controller;
package com.yhn.pojo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
//需要匯入lombok
@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {
private String name;
private int age;
private String sex;
}
這裡我們需要兩個新東西,一個是@ResponseBody,一個是ObjectMapper物件,我們看下具體的用法
編寫一個Controller;
這裡我們使用@Controller+@ResponseBody的形式
後面會學到@RestController 一個註解就可以搞定
@Controller
public class UserController {
// 測試普通物件
@RequestMapping("/j1")
@ResponseBody // @ResponseBody這個註解 會使該方法不走檢視解析器 返回一個字串
public String json1() throws JsonProcessingException {
User user = new User("於海寧",3,"man");
// 使用jackson中的 ObjectMapper
ObjectMapper objectMapper = new ObjectMapper();
// 給前端輸出一個json字串
String str = objectMapper.writeValueAsString(user);
return str;
}
}
配置Tomcat , 啟動測試一下! 記得專案要加lib目錄
發現出現了亂碼問題,我們需要設定一下他的編碼格式為utf-8,以及它返回的型別;
通過@RequestMapping的produces屬性來實現,修改下程式碼
//produces:指定響應體返回型別和編碼
@RequestMapping(value = "/json1",produces = "application/json;charset=utf-8")
再次測試, http://localhost:8080/j1 , 亂碼問題OK!
【注意:使用json記得處理亂碼問題】
6.2 程式碼優化
亂碼統一解決
上一種方法比較麻煩,如果專案中有許多請求則每一個都要新增,可以通過Spring配置統一指定,這樣就不用每次都去處理了!
我們可以在springmvc的配置檔案上新增一段訊息StringHttpMessageConverter轉換配置!
<!-- 配置 json亂碼問題 -->
<mvc:annotation-driven>
<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>
返回json字串統一解決
在類上直接使用 @RestController ,這樣子,類裡面所有的方法都只會返回 json 字串了,不用再每一個都新增@ResponseBody !我們在前後端分離開發中,一般都使用 @RestController ,十分便捷!
@RestController // @RestController是指這個類下的方法都不會走檢視解析器
public class UserController {
// 測試普通物件
@RequestMapping("/j1")
//@ResponseBody // @ResponseBody這個註解 會使該方法不走檢視解析器 返回一個字串
public String json1() throws JsonProcessingException {
User user = new User("於海寧",3,"man");
// 用jackson中的 ObjectMapper
ObjectMapper objectMapper = new ObjectMapper();
// 給前端輸出一個json字串
String str = objectMapper.writeValueAsString(user);
return str;
}
}