WEB前端开发 加入小组

353个成员 2938个话题 创建时间:2011-05-23

JSON基础 教程。。。

发表于 2013-02-28 6128 次查看

JSON教程

1.)JSON定义:

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编程语言的一个子集。
JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。

2.)JSON的结构基于下面两点:

(1). "名称/值"对的集合,不同语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),键列表(keyed list)等
(2). 值的有序列表 多数语言中被理解为数组(array)

3.)JSON使用:

JSON以一种特定的字符串形式来表示 JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个 JavaScript 变量,那么该变量会变成一个对象引用,而这个对象就是字符串所构建出来的。

4.)示例演示:

这里假设我们需要创建一个User对象,并具有以下属性:用户ID ,用户名 ,用户Email

您可以使用以下JSON形式来表示User对象:

(1)分析

{"UserID":11, "Name":"Truly", "Email":""};然后如果把这一字符串赋予一个JavaScript变量,那么就可以直接使用对象的任一属性了。

完整代码:
<script>
   var User = {"UserID":147, "Name":"Truly", "Email":""};
   alert(User.UserID);//结果是147
   alert(User["Name"]);//结果是Truly --这是调用的两种方式
</script>

(2)分析

实际使用时可能更复杂一点,比如我们为Name定义更详细的结构,使它具有FirstName和LastName:

{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""}

完整代码:
<script>
var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""};
alert(User.Name.FirstName);
alert(User["Name"]["FirstName"]); //结果是Truly --它们的效果是一样的
</script>

(3)分析

现在我们增加一个新的需求,我们某个页面需要一个用户列表,而不仅仅是一个单一的用户信息,那么这里就需要创建一个用户列表数组。
下面代码演示了使用JSON形式定义这个用户列表:

[
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":""},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":""}
]

完整代码:
<script>
var UserList = [
   {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":""},
   {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":""},
   {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":""}
];
alert(UserList[0].Name.FirstName);
</script>

5.)归纳小结:

(1).对象是属性、值对的集合。一个对象的开始于“{”,结束于“}”。每一个属性名和值间用“:”提示,属性间用“,”分隔。
(2).数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。
(3).值可以是引号里的字符串、数字、true、false、null,也可以是对象或数组。这些结构都能嵌套。
(4).字符串和数字的定义和C或Java基本一致。
(5).JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。
(6).JSON 帮助分离了验证数据和逻辑。
(7).JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

发表回复
功能维护升级中,维护完成完后将再次开放,非常抱歉给您学习造成的不便。