JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式，採用完全獨立於語言的文字格式。博主記得幾年前在華為外包專案中有一個和Android應用互動的需求，Android呼叫C#的Webservice的介面，就是通過Json這種格式來傳遞資料的。就是因為這種完全獨立於語言的資料格式，所以在系統的前後臺被廣泛使用。本篇用來記錄下前端JS以及後端C#裡面JSON的一些常用的操作方法。筆記筆記，好記性不如多筆記~~

JS前端JSON操作： 

一、Json資料轉字串：

var myList = [
            { Name: "Jim", Age: 20 },
            { Name: 
 
"Kate", Age: 21 },
            { Name: "Lilei", Age: 18 },
            { Name: "John", Age: 14 },
            { Name: "LinTao", Age: 25 }
    ];

方法一：

var oString2 = JSON.stringify(myList);

結果

這個方法是js中JSON物件內建的。可以直接使用。

方法二：

var oString1 = myList.toJSONString();

這個方法需要json.js的支援。直接使用會報異常。

二、string字串轉JSON物件：

方法一：

var oString2 = JSON.stringify(myList);

var oJson1 = eval(oString2);

eval()方法是內建的。可直接使用。

方法二：

var oJson2 = $.parseJSON(oString2);

需要jQuery的支援。

方法三：

var oJson3 = JSON.parse(oString2);

是js內建的，可以直接使用。

方法四：

var oJson4 = String.parseJSON(oString2);

需要引json.js檔案。

綜上所述：在js裡面JSON變數操作不需要引用任何檔案直接使用的方法有JSON.stringify(myList)、JSON.parse(oString2)、eval(oString2)。

C#後臺JSON處理：

在C#裡面，Json可以理解為一種匿名物件，每一個鍵值對就可以理解為對應物件的屬性和值。在後端Json這種格式一般用於物件的序列化：

　　　　 public void JsonTooo()
        {
            string jsonStr = "{\"name\":\"tom\",\"age\":11}";   //jsonStr 為json格式的字串
            JavaScriptSerializer json = new JavaScriptSerializer();   //例項化一個能夠序列化資料的類
            ToJson list = json.Deserialize<ToJson>(jsonStr);    //將json資料轉化為物件型別並賦值給list
            string Name = list.name;      //Name的值為tom..  list可點出name
        }

那麼肯定就有一個物件和它對應。

　　　　 public class ToJson
        {
            public string name { get; set; }  //屬性的名字，必須與json格式字串中的"key"值一樣。
            public string age  { get; set; }
        }

這種對應關係的轉換序列化方式前面已經說了很多了。在此就不多說。

MVC裡面更是很好的支援了後臺程式對Json資料的支援。比如Controller裡面JsonResult物件

　　　　 public JsonResult GetEditModel(string strType)
        {
            var lstRes = new List<DragElementProp>();
            List<PageProperty> lstRes = new List<PageProperty>();
            return Json(new { lstDataAttr = lstRes, PageAttr = lstPageAttrs }, JsonRequestBehavior.AllowGet);
        }

只需要DraElementProp和PageProperty這兩個物件支援物件可序列化，就可以直接將物件傳到前端：

　　[DataContract]
    public class PageProperty
    {
        [DataMember]
        public string Id { get; set; }
        [DataMember]
        public string Width { get; set; }
        [DataMember]
        public string Height { get; set; }
        [DataMember]
    }

前端和後端通訊使用Ajax的時候大部分情況是通過Json資料進行資料互動的。這個時候需要指定datatype型別為json。

$.Gmzp.AjaxPost = function (strUrl, oParams, funSuccessCallback, funErrorCallback, funFinishCallback) {
        $.ajax({
            type: "POST",
            url: strUrl,
            data: oParams,
　　　　　　  async: false,//false為阻塞請求
　　　　　　  dataType: "json",
            success: funSuccessCallback,
            error: funErrorCallback,
            complete: funFinishCallback

        });
    };