js里面Json数据的操作

　　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

        });
    };