簡單介紹C#.NET、JavaScript和JSON（圖文）

本文介紹了C#.NET、http://www.php.cn/wiki/48.html" target="_blank">JavaScript和JSON的相關知識，具有很好的參考價值，下面跟著小編一起來看下吧

寫在前面

全部手打，沒有多餘的話，全部乾貨，基本上用到的我就記錄了。

一、什麼是JSON

JSON：JavaScript Object Notation，是一種輕量級的資料互動格式，主要用於資料轉送。

二、JSON文法規則

1、資料由索引值對（映射）關係表示，使用 “:” 表示；

　 例子："name" : "趙大"。

2、資料之間使用 “,” 分隔；

　　例子："name" : "趙大", "age" : "27"。

3、資料對應的集合（對象）用 “{}” 包含；

　　例子：一條學生資料對象：

　　{"id" : "1", "name" : "趙大", "age" : "27", "gender" : "男"}

4、並列資料的集合（對象的數組形式）用 “[]”包含，之間用 “,”分隔；

　　例子：兩條學生資料對象數組：

　　[{"id" : "1", "name" : "趙大", "age" : "27", "gender" : "男"}, {"id" : "2", "name" : "錢二", "age" : "27", "gender" : "男"}]

三、JSON資料中的資料類型

• 數字 （整數或者浮點數）

• 字串（在雙引號中）

• 布爾值（True或False）

• 數組 （在[]中）

• 對象 （在{}中）

• NULL

四、JSON格式資料的資料表現

　　通過JSON的文法規則可知，JSON資料一般有以下幾種表現形式：

　　1、單對象；

　　2、對象集合（數組）；

　　3、1和2的組合：嵌套；

　　4、純字串；

五、C#.NET與JSON

　　在C#.NET環境下有對JSON序列化和還原序列化支援的組件，也有第三方的組件，

　　.NET支援的有 JavaScriptSerializer 類和 DataContractJsonSerializer 類，

　　第三方支援的有 Json.net（newtonsoft.json）等。

　1、使用 JavaScriptSerializer 類對JSON資料序列化和還原序列化：

　　首先得在引用中引用：System.Web.Extentions.dll

　　類檔案中做引用：using System.Web.Script.Serialization; 　

Dictionary<string, string> stu = new Dictionary<string, string>();      stu.Add("id", "1");      stu.Add("name", "趙大");      stu.Add("age", "27");      stu.Add("gender", "男");      JavaScriptSerializer js = new JavaScriptSerializer();      string stuJson = js.Serialize(stu);      Console.WriteLine("使用 JavaScriptSerializer 類序列化得到JSON格式資料：");      Console.WriteLine(stuJson);樣本：JSON單對象序列化

string deJson = stuJson;      Dictionary<string, string> deStu = js.Deserialize<Dictionary<string, string>>(deJson);      Console.WriteLine("使用 JavaScriptSerializer 類將JSON格式資料還原序列化指定類：");      foreach (string s in stu.Keys)      {        Console.WriteLine(s.ToString() + "=" + stu[s].ToString());      }      Console.ReadLine();樣本：JSON單對象還原序列化

運行結果：

　2、使用第三方支援的 Json.net（newtonsoft.json）類庫對JSON資料序列化和還原序列化：

六、JavaScript與JSON

　1、JavaScript中自訂JSON字串並解析；

　　例子：學生趙大資訊：

function myJson() {      var stu = { "id": "1", "name": "趙大", "age": "27", "gender": "男", "school": { "class": "03", "teacher": "趙大的老師" } };      alert("id=" + stu.id + ", " + "name=" + stu.name + ", " + "age=" + stu.age + ", " + "gender=" + stu.gender);    }

：

　可以看到自訂的JSON字串後，在使用stu這個對象可以自動識別為成員變數了。

2、從後台傳入的JSON資料通過解析後轉化為JSON資料對象：

　　例子：學生趙大資訊（這裡的Ajax請求用JQuery處理了）：

$(document).ready(function () {      $.ajax({        url: "AjaxWeb.ashx",        type: "GET",        dataType: "JSON",        success: function (data) {          var stu = JSON.parse(data);          alert("id=" + stu.id + ", " + "name=" + stu.name + ", " + "age=" + stu.age + ",           " + "gender=" + stu.gender + ", " + "teacher=" + stu.school["teacher"]);        },        error: function (e) {          alert(e.toString());        }      })    })從後台擷取JSON字串後轉化為JSON對象

public void ProcessRequest(HttpContext context)    {      context.Response.Write(myJson2());    }    private string myJson2()    {      string json = " {\"id\": \"1\", \"name\": \"趙大\", \"age\": \"27\", \"gender\": \"男\", \"school\":       { \"class\": \"03\", \"teacher\": \"趙大的老師\" }}";      JavaScriptSerializer js = new JavaScriptSerializer();      json = js.Serialize(json);      return json;    }幕後處理檔案代碼

：

Chrome下F12開發人員工具調試：