首頁 > Java > java教程 > Java前後端的JSON傳輸方式是什麼

Java前後端的JSON傳輸方式是什麼

王林
發布: 2023-05-15 12:31:06
轉載
1304 人瀏覽過

JSON 資料簡介

1、什麼是JSON 資料

JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式: key:value 格式。

JSON 採用完全獨立於語言的文字格式,這些特性使 JSON 成為理想的資料交換語言。易於人閱讀和編寫,同時也易於機器解析和生成。

2、JSON 字串

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

  • JSON 字串的鍵必須是字串(也可以存數值,但是數值存進去,取出還是String);

  • JSON 字串的值可以是:數字(整數或浮點數),字串(在雙引號中),陣列(在方括號中),物件(在花括號中),true/false/null。

3、後端JSONObject 物件

JSONObject 是一種資料結構,可以理解為JSON 格式的資料結構(key-value 結構),類似於map,可以使用put 方法為JSONObject 物件新增元素。 JSONObject 可以很方便的轉換成字串,也可以很方便的把其他物件轉換成 JSONObject 物件。

(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 資料結構產生

   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 轉換

String studentString = "{\"id\":1,\"age\":2,\"name\":\"zhang\"}";
 
//JSON字符串转换成 JSONObject 
JSONObject jsonObject1 = JSONObject.parseObject(stuString); 
System.out.println(jsonObject1);
登入後複製

4、前端JSON 字串與Javascript 物件比較

Java前後端的JSON傳輸方式是什麼

基礎架構

JSON 的兩種架構:

(1)「名稱/值」對的集合(A collection of name/value pairs)。在不同的語言中,它被理解為物件(object),記錄(record),結構(struct),字典(dictionary),雜湊表(hash table),有鍵列表(keyed list),或關聯數組(associative array)。

 { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }
登入後複製

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

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

5、JSON 格式應用

(1)將JSON 資料賦值給變數

例如,可以建立一個新的Javascript 變量,然後將JSON 格式的資料字串直接賦值給它:

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)存取資料

將上述這個陣列放進Javascript 變數之後,就可以很輕鬆地存取它。實際上,只需用點號表示法來表示存取數組元素。所以,要存取programmers 清單的第一個條目的姓氏,只需在JavaScript 中使用下面這樣的

程式碼:

people.programmers[0].lastName;
登入後複製

(3)修改JSON 資料

#正如可以用點號和括號存取數據,也可以按照同樣的方式輕鬆地修改數據

people.musicians[1].lastName = "Rachmaninov";
登入後複製

(4)轉換字串

可以將任何JSONObject 和Javascript 物件轉換為JSON文本,也可以進行逆轉換。

一、後端將Java 物件、JSONObject 轉換為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)類別庫函數使用

    @RequestMapping(value="/returnJson")
    //@ResponseBody注解将JSON数据写入响应流中返回到前端
    @ResponseBody
    public String returnJson(){
        ObjectMapper objectMapper=new ObjectMapper();
        Student student=new Student();
        //writeValueAsString()函数将对象转换为JSON字符串
        return objectMapper.writeValueAsString(student);
    }
登入後複製

2、FastJson 類別庫

(1)maven引入依賴

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.4</version>
    </dependency>
登入後複製

(2)類別庫函數使用

// 将 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 的数组
public static final JSONArray parseArray(String text); 
// 将 JSON 字符串反序列化成 JavaBean 的数组
public static final <T> List<T> parseArray(String text, Class<T> clazz); 
// 将 Java 对象序列化为JSON 字符串 
public static final String toJSONString(Object object); 
// 将 Java 对象序列化为带格式的 JSON 字符串 
public static final String toJSONString(Object object, boolean prettyFormat); 
 //将 JavaBean 转换为 JSONObject 或者 JSONArray。
public static final Object toJSON(Object javaObject);
登入後複製

parse() 及parseObject() 進行反序列化時的細節差異在於:parse() 會辨識並呼叫目標類別的setter 方法;parseObject() 由於要將回傳值轉換成JSONObject,多執行了JSON.toJSON(obj),也就是將JavaBean 轉換成JSONObject,所以在處理過程中會呼叫反序列化目標類別的getter 方法來將參數賦值給JSONObject。

3、使用 @RestController 註解

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

  • 1)@Controller 是用來回應頁面的,如果是 string 類型的方法,則 springmvc 會跳到對應的頁面(檢視)。

  • 2)@ResponseBody 是用來回應資料的,如果是物件類型或 Map 類型的方法,則 springmvc 會將結果物件轉成 json 格式輸出給前端。 (將controller 的方法傳回的物件透過適當的轉換器轉換為指定的格式之後,寫入到response 物件的body 區)

  • 3)@RestController 註解會使springmvc 將傳回的物件或Map自動轉json 回傳給前端(底層預設是使用jsckson來實現資料格式轉換的)。

    @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 物件與JSON 字串格式的轉換

1、使用JSON 函式庫

(1 )Javascript 物件與json 字串轉換

var jsonVar = {key: value}
 //将JS对象转换为JSON字符串
var jsonString = JSON.stringify(jsonVar) 
//将JSON字符串转换为JSON对象
var jsonObject = JSON.parse(jsonString)
登入後複製

(2)Javascript 陣列與json 字串轉換

var jsonVar = [value1,..,value]
//将JS数组转换为JSON字符串
var jsonString = JSON.stringify(jsonVar)  
//将JSON字符串转换为数组对象
var jsonObject = JSON.parse(jsonString)
登入後複製

2、Javascript 自帶方法

Javascript 自帶的eval ()函數能夠將json 資料轉換成Javascript 物件。

var json = &#39;{"name":"James"}&#39;;
var obj = eval( &#39;(&#39; + json + &#39;)&#39; );  //注意需要在json字符外包裹一对小括号
alert( obj.name );
登入後複製

3、jQuery 的自带方法

jQuery 中可以使用 $.parseJSON(json) 来将 json 转换为 Javascript 对象。

var json = &#39;{"name":"James"}&#39;;
var obj = $.parseJSON(json);  
alert( obj.name );
登入後複製

4、使用 jquery.json 插件

该插件提供了 4 个函数,用于解析和反解析 json,具体如下:

  • (1)toJSON:将 Javascript 的 object、number、string 或 array 转换成 JSON 数据。

  • (2)evalJSON:把 JSON 格式数据转换成 Javascript 对象,速度很快,不过这点速度微不足道。

  • (3)secureEvalJSON:把 JSON 转换成 Javascript 对象,但是转换之前会检查被转换的数据是否是 JSON 格式的。

  • (4)quoteString:在字符串两端添加引号,并智能转义(跳过)任何引号,反斜杠,或控制字符。

  • (注意:需要和 jQuery 核心库结合使用)

var obj = {"plugin":"jquery-json","version":2.4};
//json = &#39;{"plugin":"jquery-json","version":2.4}&#39;
var json = $.toJSON( obj );
// 得到name值为:"jquery-json"
var name = $.evalJSON( json ).plugin;
// 得到version值为:2.4
var version = $.evalJSON( json ).version;
登入後複製

以上是Java前後端的JSON傳輸方式是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:yisu.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板