C#.NET、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; 　　

 1             Dictionary<string, string> stu = new Dictionary<string, string>();
 2             stu.Add("id", "1");
 3             stu.Add("name", "趙大");
 4             stu.Add("age", "27");
 5             stu.Add("gender", "男");
 6 
 7             JavaScriptSerializer js = new JavaScriptSerializer();
 8             string stuJson = js.Serialize(stu);
 9             Console.WriteLine("使用 JavaScriptSerializer 類序列化得到JSON格式數據：");
10             Console.WriteLine(stuJson);

1             string deJson = stuJson;
2             Dictionary<string, string> deStu = js.Deserialize<Dictionary<string, string>>(deJson);
3             Console.WriteLine("使用 JavaScriptSerializer 類將JSON格式數據反序列化指定類：");
4             foreach (string s in stu.Keys)
5             {
6                 Console.WriteLine(s.ToString() + "=" + stu[s].ToString());
7             }
8             Console.ReadLine();

　　運行結果：

　　2、使用第三方支持的 Json.net（newtonsoft.json）類庫對JSON數據序列化和反序列化：

　　參考地址：http://www.newtonsoft.com/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處理了）：

 1         $(document).ready(function () {
 2             $.ajax({
 3                 url: "AjaxWeb.ashx",
 4                 type: "GET",
 5                 dataType: "JSON",
 6                 success: function (data) {
 7                     var stu = JSON.parse(data);
 8                     alert("id=" + stu.id + ", " + "name=" + stu.name + ", " + "age=" + stu.age + ", " + "gender=" + stu.gender + ", " + "teacher=" + stu.school["teacher"]);
 9                 },
10                 error: function (e) {
11                     alert(e.toString());
12                 }
13             })
14         })

 1         public void ProcessRequest(HttpContext context)
 2         {
 3             context.Response.Write(myJson2());
 4         }
 5 
 6         private string myJson2()
 7         {
 8             string json = " {\"id\": \"1\", \"name\": \"趙大\", \"age\": \"27\", \"gender\": \"男\", \"school\": { \"class\": \"03\", \"teacher\": \"趙大的老師\" }}";
 9             JavaScriptSerializer js = new JavaScriptSerializer();
10             json = js.Serialize(json);
11             return json;
12         }

　　效果圖：

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

七、參考資料

• 百度百科
• 百度搜索
• 慕課網（http://www.imooc.com/）
• JSON線上校驗與排版美化（http://jsonlint.com/）