認識JSON
在 JavaScript 語言中,一切都是物件,因此,任何JavaScript 支持的型別都可以通過 JSON 來表示,例如字串、數字、物件、陣列等,看看他的要求和語法格式:
- 物件表示為鍵值對,資料由逗號分隔
- 花括號保存物件
- 方括號保存陣列
JSON 鍵值對是用來保存 JavaScript 物件的一種方式,和 JavaScript 物件的寫法也大同小異,鍵/值對組合中的鍵名寫在前面并用雙引號 “” 包裹,使用冒號 : 分隔,然后緊接著值,例如:
{“name”: “帥哥”}
{“age”: “18”}
{“sex”: “男”}
前端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"}'
Controller回傳JSON
我們需要使用到Jackson工具類,Jackson應該是目前比較好的json決議工具了,
首先,在Maven專案中匯入Jackson的jar包
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.9.8</version>
</dependency>
##以下為舉例測驗
-
先創建物體類
package com.pojo;
public class User {
private String name;
private int age;
private String sex;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public User() {
}
public User(String name, int age, String sex) {
this.name = name;
this.age = age;
this.sex = sex;
}
}
- 防止亂碼
為了防止JSON回傳亂碼,需在springmvc的組態檔中添加以下代碼
<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>
-
創建控制器類
@Controller
public class UserController {
@RequestMapping("/json1")
@ResponseBody
public String json1() throws JsonProcessingException {
//創建一個jackson的物件映射器,用來決議資料
ObjectMapper mapper = new ObjectMapper();
//創建一個物件
User user = new User("帥哥", 18, "男");
//將我們的物件決議成為json格式
String str = mapper.writeValueAsString(user);
//由于@ResponseBody注解,這里會將str轉成json格式回傳;十分方便
return str;
}
}
加上@ResponseBody表示不回傳鏈接地址,而是直接回傳JSON字串,這樣在瀏覽器的地址欄輸入localhost:8080/json1就會回傳JSON字串:{“name”:“帥哥”,“age”:“18”,“sex”:“男”}
如果回傳是一個集合,也是可以輸出的,舉例如下:
@RequestMapping("/json2")
public String json2() throws JsonProcessingException {
//創建一個jackson的物件映射器,用來決議資料
ObjectMapper mapper = new ObjectMapper();
//創建一個物件
User user1 = new User("帥哥1號", 18, "男");
User user2 = new User("帥哥2號", 18, "男");
User user3 = new User("帥哥3號", 18, "男");
User user4 = new User("帥哥4號", 18, "男");
List<User> list = new ArrayList<User>();
list.add(user1);
list.add(user2);
list.add(user3);
list.add(user4);
//將我們的物件決議成為json格式
String str = mapper.writeValueAsString(list);
return str;
在瀏覽器地址欄輸入localhost:8080/json2則會列印:
[{“name”:“帥哥1號”,“age”:“18”,“sex”:“男”},{“name”:“帥哥2號”,“age”:“18”,“sex”:“男”},{“name”:“帥哥3號”,“age”:“18”,“sex”:“男”},{“name”:“帥哥4號”,“age”:“18”,“sex”:“男”}]
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/289309.html
標籤:其他
上一篇:淺學JavaScript01
