WEB开发网
开发学院网页设计JavaScript 轻量级数据交换格式 JSON轻松入门 阅读

轻量级数据交换格式 JSON轻松入门

 2010-09-14 13:35:00 来源:WEB开发网   
核心提示: {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"

{"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);
</script>

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

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

[
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleip
ro◎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>

事实上除了使用"."引用属性外,我们还可以使用下面语句:

alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);

现在读者应该对JSON的使用有点认识了,归纳为以下几点:

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

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

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

◆字符串和数字的定义和C或Java基本一致。

小节:

本文通过一个实例演示,初步了解了JSON 的强大用途。可以归结如下:

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

◆JSON 帮助分离了验证数据和逻辑;

◆JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

上一页  1 2 

Tags:轻量级 数据 交换

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接