Java前后端的JSON傳輸方式(前后端JSON格式轉(zhuǎn)換)

更新時(shí)間：2023年04月04日 14:59:20 作者：IT__learning

這篇文章主要介紹了Java前后端的JSON傳輸方式(前后端JSON格式轉(zhuǎn)換)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

JSON 數(shù)據(jù)簡(jiǎn)介

1、什么是 JSON 數(shù)據(jù)

JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式：key:value 格式。

JSON 采用完全獨(dú)立于語言的文本格式，這些特性使 JSON 成為理想的數(shù)據(jù)交換語言。易于人閱讀和編寫，同時(shí)也易于機(jī)器解析和生成。

2、JSON 字符串

JSON 字符串是一種 JSON 格式的 string 字符串，也就是 JSON 字符串也是 string 類型，只是這種 string 是有格式的，也就是類似 map 的格式【key:value】。

JSON 字符串的鍵必須是字符串(也可以存數(shù)值，但是數(shù)值存進(jìn)去，取出來還是 String)；
JSON 字符串的值可以是：數(shù)字（整數(shù)或浮點(diǎn)數(shù)），字符串（在雙引號(hào)中），數(shù)組（在方括號(hào)中）,對(duì)象（在花括號(hào)中），true/false/null。

3、后端 JSONObject 對(duì)象

JSONObject 是一種數(shù)據(jù)結(jié)構(gòu)，可以理解為 JSON 格式的數(shù)據(jù)結(jié)構(gòu)（key-value 結(jié)構(gòu)），類似于 map，可以使用 put 方法給 JSONObject 對(duì)象添加元素。JSONObject 可以很方便的轉(zhuǎn)換成字符串，也可以很方便的把其他對(duì)象轉(zhuǎn)換成 JSONObject 對(duì)象。

（1）通過原生生成 JSONObject

	JSONObject zhangsan = new JSONObject();
        try {
            //添加
            zhangsan.put("name", "張三");
            zhangsan.put("age", 18.4);
            zhangsan.put("birthday", "1900-20-03");
            zhangsan.put("majar", new String[] {"哈哈","嘿嘿"});
            zhangsan.put("null", null);
            zhangsan.put("house", false);
            System.out.println(zhangsan.toString());
        } catch (JSONException e) {
            e.printStackTrace();
        }

（2）通過 hashMap 數(shù)據(jù)結(jié)構(gòu)生成

   HashMap<String, Object> zhangsan = new HashMap<>();        
   zhangsan.put("name", "張三");
   zhangsan.put("age", 18.4);
   zhangsan.put("birthday", "1900-20-03");
   zhangsan.put("majar", new String[] {"哈哈","嘿嘿"});
   zhangsan.put("null", null);
   zhangsan.put("house", false);
   System.out.println(new JSONObject(zhangsan).toString());

（3）通過 JavaBean 生成

  Student student = new Student();
  student.setId(1);
  student.setAge("20");
  student.setName("張三");
  // 生成 JSONObject
  System.out.println(JSON.toJSON(student));

（4）JSON 字符串與 JSONObject 轉(zhuǎn)換

String studentString = "{\"id\":1,\"age\":2,\"name\":\"zhang\"}";
 
//JSON字符串轉(zhuǎn)換成 JSONObject 
JSONObject jsonObject1 = JSONObject.parseObject(stuString); 
System.out.println(jsonObject1);

4、前端 JSON 字符串和 Javascript 對(duì)象對(duì)比

5、基礎(chǔ)結(jié)構(gòu)

JSON 的兩種結(jié)構(gòu)：

（1）“名稱/值”對(duì)的集合（A collection of name/value pairs）。不同的語言中，它被理解為對(duì)象（object），記錄（record），結(jié)構(gòu)（struct），字典（dictionary），哈希表（hash table），有鍵列表（keyed list），或者關(guān)聯(lián)數(shù)組（associative array）。

 { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }

（2）值的有序列表（An ordered list of values）。在大部分語言中，它被理解為數(shù)組（array）。

{ "people": [
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" },
{ "firstName": "Jason", "lastName":"Hunter", "email": "bbbb"}, 
{ "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" }
]}

5、JSON 格式應(yīng)用

（1）將 JSON 數(shù)據(jù)賦值給變量

例如，可以創(chuàng)建一個(gè)新的 Javascript 變量，然后將 JSON 格式的數(shù)據(jù)字符串直接賦值給它：

var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "bbbb" },

{ "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" }

],

"authors": [

{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },

{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },

{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },

{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }

] }

（2）訪問數(shù)據(jù)

將上述這個(gè)數(shù)組放進(jìn) Javascript 變量之后，就可以很輕松地訪問它。實(shí)際上，只需用點(diǎn)號(hào)表示法來表示訪問數(shù)組元素。所以，要想訪問 programmers 列表的第一個(gè)條目的姓氏，只需在 JavaScript 中使用下面這樣的

代碼：

people.programmers[0].lastName;

（3）修改 JSON 數(shù)據(jù)

正如可以用點(diǎn)號(hào)和括號(hào)訪問數(shù)據(jù)，也可以按照同樣的方式輕松地修改數(shù)據(jù)

people.musicians[1].lastName = "Rachmaninov";

（4）轉(zhuǎn)換字符串

可以將任何 JSONObject 和 Javascript 對(duì)象轉(zhuǎn)換為 JSON 文本，也可以進(jìn)行逆轉(zhuǎn)換。

一、后端將 Java 對(duì)象、JSONObject 轉(zhuǎn)換為 JSON 字符串格式

1、Jackson 類

（1）maven 引入依賴

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.9</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>2.9.9</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>2.9.9</version>
        </dependency>

（2）類庫函數(shù)使用

    @RequestMapping(value="/returnJson")
    //@ResponseBody注解將JSON數(shù)據(jù)寫入響應(yīng)流中返回到前端
    @ResponseBody
    public String returnJson(){
        ObjectMapper objectMapper=new ObjectMapper();
        Student student=new Student();
        //writeValueAsString()函數(shù)將對(duì)象轉(zhuǎn)換為JSON字符串
        return objectMapper.writeValueAsString(student);
    }

2、FastJson 類庫

（1）maven引入依賴

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.4</version>
    </dependency>

（2）類庫函數(shù)使用

// 將 JSON 字符串反序列化成 JavaBean 
public static final Object parse(String text); 
// 將 JSON 字符串反序列化成 JSONObject    
public static final JSONObject parseObject(String text)； 
// 將 JSON 字符串反序列化成 JavaBean 或 JSONObject 
public static final <T> T parseObject(String text, Class<T> clazz); 
// 將 JSON 字符串反序列化成JSONObject 的數(shù)組
public static final JSONArray parseArray(String text); 
// 將 JSON 字符串反序列化成 JavaBean 的數(shù)組
public static final <T> List<T> parseArray(String text, Class<T> clazz); 
// 將 Java 對(duì)象序列化為JSON 字符串 
public static final String toJSONString(Object object); 
// 將 Java 對(duì)象序列化為帶格式的 JSON 字符串 
public static final String toJSONString(Object object, boolean prettyFormat); 
 //將 JavaBean 轉(zhuǎn)換為 JSONObject 或者 JSONArray。
public static final Object toJSON(Object javaObject);

parse() 及 parseObject() 進(jìn)行反序列化時(shí)的細(xì)節(jié)區(qū)別在于：parse() 會(huì)識(shí)別并調(diào)用目標(biāo)類的 setter 方法；parseObject() 由于要將返回值轉(zhuǎn)化為 JSONObject，多執(zhí)行了 JSON.toJSON(obj)，也就是將 JavaBean 轉(zhuǎn)換成 JSONObject，所以在處理過程中會(huì)調(diào)用反序列化目標(biāo)類的 getter 方法來將參數(shù)賦值給 JSONObject。

3、使用 @RestController 注解

@RestController 是 @ResponseBody 和 @Controller 的組合注解。

1）@Controller 是用來響應(yīng)頁面的，如果是 string 類型的方法，則 springmvc 會(huì)跳轉(zhuǎn)到相應(yīng)的頁面（視圖）。
2）@ResponseBody 是用來響應(yīng)數(shù)據(jù)的，如果是對(duì)象類型或者 Map 類型的方法，則 springmvc 會(huì)將結(jié)果對(duì)象轉(zhuǎn)成 json 格式輸出給前端。（將 controller 的方法返回的對(duì)象通過適當(dāng)?shù)霓D(zhuǎn)換器轉(zhuǎn)換為指定的格式之后，寫入到 response 對(duì)象的 body 區(qū)）
3）@RestController 注解會(huì)使 springmvc 將返回的對(duì)象或者 Map自動(dòng)轉(zhuǎn) json 返回給前端（底層默認(rèn)是使用jsckson來實(shí)現(xiàn)數(shù)據(jù)格式轉(zhuǎn)換的）。

    @RequestMapping(value="/returnJson")
    @ResponseBody
    public Student returnJson(){
        Student student=new Student();
        student.setName("林俊杰");
        student.setBirth(new Date(1996-03-15));
        student.setPassword("123456");
        String[] lan= {"Java","Python"};
        student.setLanguage(lan);
        return student;
    }

二、前端 Javascript 對(duì)象與 JSON 字符串格式的轉(zhuǎn)換

1、使用 JSON 庫

（1）Javascript 對(duì)象和 json 字符串轉(zhuǎn)換

var jsonVar = {key: value}
 //將JS對(duì)象轉(zhuǎn)換為JSON字符串
var jsonString = JSON.stringify(jsonVar) 
//將JSON字符串轉(zhuǎn)換為JSON對(duì)象
var jsonObject = JSON.parse(jsonString)

（2）Javascript 數(shù)組和 json 字符串轉(zhuǎn)換

var jsonVar = [value1,..,value]
//將JS數(shù)組轉(zhuǎn)換為JSON字符串
var jsonString = JSON.stringify(jsonVar)  
//將JSON字符串轉(zhuǎn)換為數(shù)組對(duì)象
var jsonObject = JSON.parse(jsonString)

2、Javascript 自帶方法

Javascript 自帶的 eval ()函數(shù)能夠?qū)?json 數(shù)據(jù)轉(zhuǎn)換成 Javascript 對(duì)象。

var json = '{"name":"James"}';
var obj = eval( '(' + json + ')' );  //注意需要在json字符外包裹一對(duì)小括號(hào)
alert( obj.name );

3、jQuery 的自帶方法

jQuery 中可以使用 $.parseJSON(json) 來將 json 轉(zhuǎn)換為 Javascript 對(duì)象。

var json = '{"name":"James"}';
var obj = $.parseJSON(json);  
alert( obj.name );

4、使用 jquery.json 插件

該插件提供了 4 個(gè)函數(shù)，用于解析和反解析 json，具體如下：

（1）toJSON：將 Javascript 的 object、number、string 或 array 轉(zhuǎn)換成 JSON 數(shù)據(jù)。
（2）evalJSON：把 JSON 格式數(shù)據(jù)轉(zhuǎn)換成 Javascript 對(duì)象，速度很快，不過這點(diǎn)速度微不足道（作者自己說的）。
（3）secureEvalJSON：把 JSON 轉(zhuǎn)換成 Javascript 對(duì)象，但是轉(zhuǎn)換之前會(huì)檢查被轉(zhuǎn)換的數(shù)據(jù)是否是 JSON 格式的。
（4）quoteString：在字符串兩端添加引號(hào)，并智能轉(zhuǎn)義（跳過）任何引號(hào)，反斜杠，或控制字符。
（注意：需要和 jQuery 核心庫結(jié)合使用）

var obj = {"plugin":"jquery-json","version":2.4};
//json = '{"plugin":"jquery-json","version":2.4}'
var json = $.toJSON( obj );
// 得到name值為："jquery-json"
var name = $.evalJSON( json ).plugin;
// 得到version值為：2.4
var version = $.evalJSON( json ).version;