您的位置:首页 > Web前端 > JavaScript

JSON教程入门

2013-10-24 16:37 239 查看
原文地址:http://mingxiao2010.blog.163.com/blog/static/861904812010825192137/

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":"zhuleipro@hotmail.com"};然后如果把这一字符串赋予一个JavaScript变量,那么就可以直接使用对象的任一属性了。

完整代码:

<script>

var User = {"UserID":147, "Name":"Truly", "Email":"zhuleipro@hotmail.com"};

alert(User.UserID);//结果是147

alert(User["Name"]);//结果是Truly --这是调用的两种方式

</script>

(2)分析

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

{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro@hotmail.com"}

完整代码:

<script>

var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro@hotmail.com"};

alert(User.Name.FirstName);

alert(User["Name"]["FirstName"]); //结果是Truly --它们的效果是一样的

</script>

(3)分析

现在我们增加一个新的需求,我们某个页面需要一个用户列表,而不仅仅是一个单一的用户信息,那么这里就需要创建一个用户列表数组。

下面代码演示了使用JSON形式定义这个用户列表:

[

{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro@hotmail.com"},

{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx@xxx.com"},

{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2@xxx2.com"}

]

完整代码:

<script>

var UserList = [

{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro@hotmail.com"},

{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx@xxx.com"},

{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2@xxx2.com"}

];

alert(UserList[0].Name.FirstName);

</script>

5.)归纳小结:

(1).对象是属性、值对的集合。一个对象的开始于“{”,结束于“}”。每一个属性名和值间用“:”提示,属性间用“,”分隔。

(2).数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。

(3).值可以是引号里的字符串、数字、true、false、null,也可以是对象或数组。这些结构都能嵌套。

(4).字符串和数字的定义和C或Java基本一致。

(5).JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。

(6).JSON 帮助分离了验证数据和逻辑。

(7).JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

json-lib和 ezmorph jar包的下载地址:

http://nchc.dl.sourceforge.net/sourceforge/json-lib/json-lib-2.1-jdk15.jar

http://easynews.dl.sourceforge.net/sourceforge/ezmorph/ezmorph-1.0.4.jar
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: