写在前面
全部手打,没有多余的话,全部干货,基本上用到的我就记录了。
一、什么是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/)