JSON詳解

来源:https://www.cnblogs.com/yuer20180726/archive/2019/02/15/10382400.html
-Advertisement-
Play Games

JSON詳解 JSON詳解 閱讀目錄 JSON的兩種結構 認識JSON字元串 在JS中如何使用JSON 在.NET中如何使用JSON 總結 JSON的全稱是”JavaScript Object Notation”,意思是JavaScript對象表示法,它是一種基於文本,獨立於語言的輕量級數據交換格式 ...


JSON詳解

閱讀目錄

JSON的全稱是”JavaScript Object Notation”,意思是JavaScript對象表示法,它是一種基於文本,獨立於語言的輕量級數據交換格式。XML也是一種數據交換格式,為什麼沒有選擇XML呢?因為XML雖然可以作為跨平臺的數據交換格式,但是在JS(JavaScript的簡寫)中處理XML非常不方便,同時XML標記比數據多,增加了交換產生的流量,而JSON沒有附加的任何標記,在JS中可作為對象處理,所以我們更傾向於選擇JSON來交換數據。這篇文章主要從以下幾個方面來說明JSON。

1,JSON的兩種結構
2,認識JSON字元串
3,在JS中如何使用JSON
4,在.NET中如何使用JSON
5,總結

回到頂部

JSON的兩種結構

JSON有兩種表示結構,對象和數組。
對象結構以”{”大括弧開始,以”}”大括弧結束。中間部分由0或多個以”,”分隔的”key(關鍵字)/value(值)”對構成,關鍵字和值之間以”:”分隔,語法結構如代碼。

{
    key1:value1,
    key2:value2,
    ...
}

其中關鍵字是字元串,而值可以是字元串,數值,true,false,null,對象或數組

數組結構以”[”開始,”]”結束。中間由0或多個以”,”分隔的值列表組成,語法結構如代碼。

複製代碼
[
    {
        key1:value1,
        key2:value2 
    },
    {
         key3:value3,
         key4:value4   
    }
]
複製代碼 回到頂部

認識JSON字元串

之前我一直有個困惑,分不清普通字元串,json字元串和json對象的區別。經過一番研究終於給弄明白了。比如在js中。

字元串:這個很好解釋,指使用“”雙引號或’’單引號包括的字元。例如:var comStr = 'this is string';
json字元串:指的是符合json格式要求的js字元串。例如:var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";
json對象:指符合json格式要求的js對象。例如:var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };

回到頂部

在JS中如何使用JSON

JSON是JS的一個子集,所以可以在JS中輕鬆地讀,寫JSON。讀和寫JSON都有兩種方法,分別是利用”.”操作符和“[key]”的方式。
我們首先定義一個JSON對象,代碼如下。

複製代碼
var obj = {
            1: "value1",
            "2": "value2",
            count: 3,
            person: [ //數組結構JSON對象,可以嵌套使用
                        {
                            id: 1,
                            name: "張三"
                        },
                        {
                            id: 2,
                            name: "李四"
                        }
                   ],
            object: { //對象結構JSON對象
                id: 1,
                msg: "對象里的對象"    
            }
        };
複製代碼

1,從JSON中讀數據

複製代碼
function ReadJSON() {
            alert(obj.1); //會報語法錯誤,可以用alert(obj["1"]);說明數字最好不要做關鍵字
            alert(obj.2); //同上

            alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
            alert(obj.object.msg); //或者alert(obj.object["msg"])
        }
複製代碼

2,向JSON中寫數據

比如要往JSON中增加一條數據,代碼如下:

function Add() { 
            //往JSON對象中增加了一條記錄
            obj.sex= "男" //或者obj["sex"]="男"
        }

增加數據後的JSON對象如圖:

json01

3,修改JSON中的數據

我們現在要修改JSON中count的值,代碼如下:

function Update() {
            obj.count = 10; //或obj["count"]=10
        }

修改後的JSON如圖。

json02

4,刪除JSON中的數據

我們現在實現從JSON中刪除count這條數據,代碼如下:

function Delete() {
            delete obj.count;
        }

刪除後的JSON如圖

json03

可以看到count已經從JSON對象中被刪除了。

5,遍歷JSON對象

可以使用for…in…迴圈來遍歷JSON對象中的數據,比如我們要遍歷輸出obj對象的值,代碼如下:

function Traversal() {
            for (var c in obj) {
                console.log(c + ":", obj[c]);
            }
        }

程式輸出結果為:

json04

回到頂部

在.NET中如何使用JSON

說到在.net中使用JSON,就不得不提到JSON.NET,它是一個非常著名的在.net中處理JSON的工具,我們最常用的是下麵兩個功能。

1,通過序列化將.net對象轉換為JSON字元串

在web開發過程中,我們經常需要將從資料庫中查詢到的數據(一般為一個集合,列表或數組等)轉換為JSON格式字元串傳回客戶端,這就需要進行序列化,這裡用到的是JsonConvert對象的SerializeObject方法。其語法格式為:JsonConvert.SerializeObject(object),代碼中的”object”就是要序列化的.net對象,序列化後返回的是json字元串。

比如,現在我們有一個TStudent的學生表,表中的欄位和已有數據如圖所示

json05json06

從表中我們可以看到一共有五條數據,現在我們要從資料庫中取出這些數據,然後利用JSON.NET的JsonConvert對象序列化它們為json字元串,並顯示在頁面上。C#代碼如下

複製代碼
protected void Page_Load(object sender, EventArgs e)
        {
            using (L2SDBDataContext db = new L2SDBDataContext())
            {
                List<Student> studentList = new List<Student>();
                var query = from s in db.TStudents
                            select new { 
                                StudentID=s.StudentID,
                                Name=s.Name,
                                Hometown=s.Hometown,
                                Gender=s.Gender,
                                Brithday=s.Birthday,
                                ClassID=s.ClassID,
                                Weight=s.Weight,
                                Height=s.Height,
                                Desc=s.Desc
                            };
                foreach (var item in query)
                {
                    Student student = new Student { StudentID=item.StudentID,Name=item.Name,Hometown=item.Hometown,Gender=item.Gender,Brithday=item.Brithday,ClassID=item.ClassID,Weight=item.Weight,Height=item.Height,Desc=item.Desc};
                    studentList.Add(student);
                }
                lbMsg.InnerText = JsonConvert.SerializeObject(studentList);
            }
        }
複製代碼

輸出結果

json07

從圖中我們可以看到,資料庫中的5條記錄全部取出來並轉化為json字元串了。

 

2,使用LINQ to JSON定製JSON數據

使用JsonConvert對象的SerializeObject只是簡單地將一個list或集合轉換為json字元串。但是,有的時候我們的前端框架比如ExtJs對服務端返回的數據格式是有一定要求的,比如下麵的數據格式,這時就需要用到JSON.NET的LINQ to JSON,LINQ to JSON的作用就是根據需要的格式來定製json數據。

比如經常用在分頁的json格式如代碼:

複製代碼
{ 
    "total": 5, //記錄總數
    "rows":[
        //json格式的數據列表
    ]
}
複製代碼

使用LINQ to JSON前,需要引用Newtonsoft.Json的dll和using Newtonsoft.Json.Linq的命名空間。LINQ to JSON主要使用到JObject, JArray, JProperty和JValue這四個對象,JObject用來生成一個JSON對象,簡單來說就是生成”{}”,JArray用來生成一個JSON數組,也就是”[]”,JProperty用來生成一個JSON數據,格式為key/value的值,而JValue則直接生成一個JSON值。下麵我們就用LINQ to JSON返回上面分頁格式的數據。代碼如下:

複製代碼
protected void Page_Load(object sender, EventArgs e)
        {
            using (L2SDBDataContext db = new L2SDBDataContext())
            {
                //從資料庫中取出數據並放到列表list中
                List<Student> studentList = new List<Student>();
                var query = from s in db.TStudents
                            select new
                            {
                                StudentID = s.StudentID,
                                Name = s.Name,
                                Hometown = s.Hometown,
                                Gender = s.Gender,
                                Brithday = s.Birthday,
                                ClassID = s.ClassID,
                                Weight = s.Weight,
                                Height = s.Height,
                                Desc = s.Desc
                            };
                foreach (var item in query)
                {
                    Student student = new Student { StudentID = item.StudentID, Name = item.Name, Hometown = item.Hometown, Gender = item.Gender, Brithday = item.Brithday, ClassID = item.ClassID, Weight = item.Weight, Height = item.Height, Desc = item.Desc };
                    studentList.Add(student);
                }

                //基於創建的list使用LINQ to JSON創建期望格式的JSON數據
                lbMsg.InnerText = new JObject(
                        new JProperty("total",studentList.Count),
                        new JProperty("rows",
                                new JArray(
                                        //使用LINQ to JSON可直接在select語句中生成JSON數據對象,無須其它轉換過程
                                        from p in studentList
                                        select new JObject(
                                                new JProperty("studentID",p.StudentID),
                                                new JProperty("name",p.Name),
                                                new JProperty("homeTown",p.Hometown)
                                            )
                                    )
                            )
                    ).ToString();
            }
        }
複製代碼

輸出結果為:

json08

 

3,處理客戶端提交的JSON數據

客戶端提交過來的數據一般都是json字元串,有了更好地進行操作(面向對象的方式),所以我們一般都會想辦法將json字元串轉換為json對象。例如客戶端提交了以下數組格式json字元串。

[
    {StudentID:"100",Name:"aaa",Hometown:"china"},
    {StudentID:"101",Name:"bbb",Hometown:"us"},
    {StudentID:"102",Name:"ccc",Hometown:"england"}
]

在服務端就可以使用JObject或JArray的Parse方法輕鬆地將json字元串轉換為json對象,然後通過對象的方式提取數據。下麵是服務端代碼。

複製代碼
protected void Page_Load(object sender, EventArgs e)
        {
            string inputJsonString = @"
                [
                    {StudentID:'100',Name:'aaa',Hometown:'china'},
                    {StudentID:'101',Name:'bbb',Hometown:'us'},
                    {StudentID:'102',Name:'ccc',Hometown:'england'}
                ]";
            JArray jsonObj = JArray.Parse(inputJsonString);
            string message = @"<table border='1'>
                    <tr><td width='80'>StudentID</td><td width='100'>Name</td><td width='100'>Hometown</td></tr>";
            string tpl = "<tr><td>{0}</td><td>{1}</td><td>{2}</td></tr>";
            foreach (JObject jObject in jsonObj)
            {
                message += String.Format(tpl, jObject["StudentID"], jObject["Name"],jObject["Hometown"]);
            }
            message += "</table>";
            lbMsg.InnerHtml = message;
        }
複製代碼

輸出結果:

json09

當然,服務端除了使用LINQ to JSON來轉換json字元串外,也可以使用JsonConvert的DeserializeObject方法。如下麵代碼實現上面同樣的功能。

List<Student> studentList = JsonConvert.DeserializeObject<List<Student>>(inputJsonString);//註意這裡必須為List<Student>類型,因為客戶端提交的是一個數組json
            foreach (Student student in studentList)
            {
                message += String.Format(tpl, student.StudentID, student.Name,student.Hometown);
            }
回到頂部

總結

在客戶端,讀寫json對象可以使用”.”操作符或”["key”]”,json字元串轉換為json對象使用eval()函數。
在服務端,由.net對象轉換json字元串優先使用JsonConvert對象的SerializeObject方法,定製輸出json字元串使用LINQ to JSON。由json字元串轉換為.net對象優先使用JsonConvert對象的DeserializeObject方法,然後也可以使用LINQ to JSON。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一般來說,js、html都是按照從上至下這種方式來進行執行的。這就造成了,基本上所有的執行過程都是在一個線程中進行。我們都知道,ajax的使用大大的提高了前後臺的溝通效率,那麼有沒有什麼方式,讓js的一些計算或者function來非同步或者並行進行呢?Promise可以幫我們實現Promise方法概述... ...
  • element-ui-verify是對ElementUI原本的校驗封裝之後的插件,並不會影響使用ElementUI的原生校驗。 使用環境為vue+element-ui+webpack模塊環境,首先使用淘寶鏡像安裝cnpm install -s element-ui-verify,安裝之後在main. ...
  • 在 GearCase 開源項目構建 Table 組件的過程中。遇到了各式各樣的問題,最後嘗試了各種方法去解決這些問題。 遇到的部分問題 checkbox 的全選和半選問題 table 組件的排序請求方法 table 組件固定表頭問題 固定表頭時寬度計算的問題 點擊 icon 排序事件無法觸發的問題 ...
  • wxml文件 wxss文件 js文件 效果圖: ...
  • 在for迴圈中使用let時,結果如下 for內部定義的i在迴圈結束後不會覆蓋外部的i 在for迴圈中使用var,且不控制i的作用域時,結果如下 第一個for迴圈內部定義的i並不會創建,而是直接使用外部中的i,故在迴圈結束時外部的i變為了5。 第二個for迴圈直接使用了外部的i 把第一個for迴圈存於 ...
  • 這兩天擺弄webpack,躺過很多坑,直到今天看了一位博主的文章才得以解決。他對配置中的各個部分做說明。 下麵的配置99.9%抄自博主: https://www.cnblogs.com/nianyifenzhizuo/p/10271001.html 安裝package.json中的node-sass ...
  • 本篇博客主要是介紹如何使用css在盒子四個邊框顯示四個藍色邊角 ...
  • 有時我們看見js函數後面跟著多個小括弧是什麼意思?f( )( )( )... f()執行f函數,返回子函數 f()()執行子函數,返回孫函數 f()()()執行孫函數,返回重孫函數 ... ... 但註意,如果想這樣執行,函數結構必須是這樣,f的函數體里要return 子函數,子函數里要return ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...