json教程:全面详解JSON_H5之家 - 中国HTML5教程资源分享第一站

　　就最近写了很多Ajax的东西，接触到Ajax的第一件事就是HttpXML.send()之后，服务器要返回什么数据，一般都是responseText或responseXML，也就是说，1. 返回纯文字;2. 返回XML，纯文字难以分析处理(要跑DOM时)，XML在服务器端要花很多力气去‘组合’出XML数据，然后用户端再写很多Code去分析处理，这是很没效率的。

　　所以就快快把JSON学一学吧!

　　JSON概念

　　进入JSON前，请先看我这篇‘第二篇：简单介绍JavaScript内建对象’Array对象第一段‘Array声明’的地方，声明一个Javascript Array对象，基本上是两种语法：

// 正式声明　　var team1 = new Array('Bruce', 'Sherry', 'Happy'); 　　// 整合声明　　var team2 = ['Bruce', 'Sherry', 'Happy']; 　　alert(team1[0]); // Bruce 　　alert(team2[2]); // Happy

　　一个比较正式，一个是比较简写，通常Javascript写久了，会采用第二种方式来声明Array。

　　再来看Javascript对象的声明，基本上也是两种：

　　// 正式声明　　var Bruce = new Object(); 　　Bruce.name = 'King Kong'; 　　Bruce.age = 18; 　　Bruce.sex = 'male'; 　　alert(Bruce.age); // 18 　　// 整合声明　　var Bruce = { 　　'name' : 'King Kong', 　　'age' : 18, 　　'sex' : 'male' 　　} 　　alert(Bruce.name); // King Kong 　　alert(Bruce[name]); // King Kong

　　一样，久了也是会选第二种来写，再来我们看看Javascript的‘Array + Object’的声明：

　// 声明一个familys Array，里面包含两个Object 　　var familys = [ 　　{'name' : 'Bruce', 　　'age' : 18, 　　'sex' : 'male'}, 　　{'name' : 'Sherry', 　　'age' : 16, 　　'sex' : 'famale'} 　　]; 　　alert(family[0].name); // Bruce 　　alert(family[1].sex); // famale

　　到这里你已经会了JSON的80%以上了，JSON (JavaScript Object Notation)已经说明的很清楚了，它是一个JavaScript的子集，它利用Object与Array来表示数据，让数据很容易的可以交换使用。

　　JSON写法

　　我们先来看完整的JSON写法：

　{ 　　'familys' = [ 　　{'name' : 'Bruce', 　　'age' : 18, 　　'sex' : 'male'}, 　　{'name' : 'Sherry', 　　'age' : 16, 　　'sex' : 'famale'} 　　] 　　}

　　JSON会建构出两种结构：(1)‘"名称" : 值’的集合;(2)Array。

　　JSON的细节

　　比对上面范例，你会发现一客人也不难。

　　JSON Object：

　　以"{"开始，以"}"结尾

　　每个名称后跟着一个":"

　　每对"名称:值"之间用","分隔

{ // 以"{"开始　　'name' : 'Bruce', // 每个名称后跟着一个":" 　　'age' : 18, // 每对"名称:值"之间用","分隔　　'sex' : 'male' 　　} // 以"}"结尾

　　JSON Array：

　　以"["开始，以"]"结尾

　　值之间使用","

{ 　　// familys为一维数组，数组里包含两笔对象数据　　'familys' = [ // 以"["开始　　　　{'name' : 'Bruce', 　　　'age' : 18, 　　　'sex' : 'male'}, // 值之间使用"," 　　　　{'name' : 'Sherry', 　　　'age' : 16, 　　　　'sex' : 'famale'} 　　　] // 以"]"结尾　　　　}

　　JSON Value：

　　值本身可以是String、Number、true、false、null、Object、Array;

　　JSON String：

　　由双引号包围的任意Unicode字符集合。可以使用"反斜线(\)"来转义。

{ 　　　　"details" : "这是JSON的值. \n 此格式比XML合适Ajax交换数据使用." 　　　}

　　JSON Number：

　　与一般数值相同，除8 / 16进制外。

　　JSON的使用

　　那JSON要如何使用呢?

　　原生的JSON格式数据，目前在IE7以上及MF 3以上，已经内建解析JSON格式的能力，但在兼容性及网络上的不确定性(其他浏览器)，建议在有需要使用JSON格式的页面引用json2.js，依官方说法，请不要在使用json.js这个版本的Script了。

　　我们有一JSON格式的String：

　　var jsonData = "{'familys'=[{'name' : 'Bruce', 'age' : 18, 'sex' : 'male'}, 　　　　{'name' : 'Sherry','age' : 16, 'sex' : 'famale'}]}"

　　方法一：使用eval()

　　这个方法会引发安全性问题，我就不介绍了。

　　方法二：使用json2.js (IE7以上及MF 3以上可以不引用)