轻量级网站开发json简介

news/2024/5/10 1:21:06/文章来源:https://blog.csdn.net/SleepInDelphi/article/details/84273245

定义

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

JSON的结构基于下面两点

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

使用：

JSON以一种特定的字符串形式来表示 JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个 JavaScript 变量，那么该变量会变成一个对象引用，而这个对象就是字符串所构建出来的，好像有点拗口，我们还是用实例来说明。

这里假设我们需要创建一个User对象，并具有以下属性

用户ID

用户名

用户Email

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

Js代码   
{"UserID":11, "Name":"hualai", "url":"http://www.hualai.net.cn"};  

然后如果把这一字符串赋予一个JavaScript变量，那么就可以直接使用对象的任一属性了。

完整代码:

Html代码   
<script>    
  var User ={"UserID":11, "Name":"hualai", "url":"http://www.hualai.net.cn"};      
alert(User.Name);    
</script>  

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

Js代码   
{"UserID":11, "Name":{"FirstName":"hua","LastName":"lai"}, "Email":"http://www.hualai.net.cn"}   

完整代码:

Html代码   
<script>      
var User ={"UserID":11, "Name":{"FirstName":"hua","LastName":"lai"}, "Email":"http://www.hualai.net.cn"};    
alert(User.Name.FirstName);    
</script>  

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

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

Js代码   
[    
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"http://www.hualai.net.cn"},    
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "http://www.hualaikj.com"},    
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"http://www.tjbusiness.com"}    
]  

完整代码:

Html代码   
<script>    
var UserList = [    
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"http://www.hualai.net.cn"},    
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "http://www.hualaikj.com"},    
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"http://www.tjbusiness.com"}    
];    
alert(UserList[0].Name.FirstName);    
</script>  