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

JSON是什么

2010-08-23 13:49 183 查看
JSON(JavaScript Object Natation),它是一种轻量级的数据交换格式,易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。

JSON VS XML

  ·可读性

  JSON和XML的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。

  ·可扩展性

  XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,JSON不能的。

  ·编码难度

  XML有丰富的编码工具,比如Dom4j、JDom等,JSON也有json.org提供的工具,但是JSON的编码明显比XML容易许多,即使不借助工具也能写出JSON的代码,可是要写好XML就不太容易了。

  ·解码难度

  XML的解析得考虑子节点父节点,让人头昏眼花,而JSON的解析难度几乎为0。这一点XML输的真是没话说。

  ·流行度

  XML已经被业界广泛的使用,而JSON才刚刚开始,但是在Ajax这个特定的领域,未来的发展一定是XML让位于JSON。到时Ajax应该变成Ajaj(Asynchronous JavaScript and JSON)

  ·实例比较
  XML和JSON都使用结构化方法来标记数据,下面来做一个简单的比较。
  现假设有一个用户数据包括:用户名、密码、所在部门、性别、年龄。
  用XML表示如下:
   <?xml version="1.0" encoding="utf-8"?>
   <user>
   <name>张三 </name>
   <password>123456 </password>
   <department>技术部 </department>
   <sex>男 </sex>
   <old>30 </old>
   </user>
  用JSON表示如下:
  {
  "name":"张三",
  "password":"123456",
  "department":"技术部",
  "sex":"男",
  "old":30
  }
  与XML一样,JSON也是基于文本的,且它们都使用Unicode编码,同样具有可读性。XML比较适合于标记文档,而JSON却更适合于时行数据交换处理。

JSON建构于两种结构:

“名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。

值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。

这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。

JSON具有以下这些形式:

对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。

数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

值(value)可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。这些结构可以嵌套。

字符串(string)是由双引号包围的任意数量Unicode字符的集合,使用反斜线转义。一个字符(character)即一个单独的字符串(character string)。

字符串(string)与C或者Java的字符串非常相似。

数值(number)也与C或者Java的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。

空白可以加入到任何符号之间。 以下描述了完整的语言。(以上部分摘自:http://www.json.org/json-zh.html)

JSON举例(javascript中使用json):

先来个最简单的:

<script type="text/javascript">
var user = {"Id":1,"Name":"Hubery","Age":23,"Email":"hubery@163.com"};
alert(user.Id); //这样访问也没问题alert(user["Id"]);
alert(user.Name);
alert(user.Age);
alert(user.Email);
</script>
我们添加Address属性,定义更细的用户信息结构:

<script type="text/javascript">
var user =
{
"Id":1,
"Name":"Hubery",
"Age":23,
"Address":
{
"City":"Beijing","ZipCode":"111111"
},
"Email":"hubery@163.com"
};

alert(user.Id);
alert(user.Name);
alert(user.Age);
alert(user.Address.City);
alert(user.Address.ZipCode);
alert(user.Email);
</script>
下面我们把Address属性定义成数组,用户有两个Address:

<script type="text/javascript">
var user =
{
"Id":1,
"Name":"Hubery",
"Age":23,
"Address":
[
{"City":"Beijing","ZipCode":"111111"},
{"City":"Langfang","ZipCode":"222222"}
],
"Email":"hubery@163.com"
};

alert(user.Id);
alert(user.Name);
alert(user.Age);
alert(user.Address[0].City);//还可以这样:alert(user.Address[0]["City"]);
alert(user.Address[0].ZipCode);
alert(user.Address[1].City);
alert(user.Address[1].ZipCode);
alert(user.Email);
</script>
如果我们想要一个用户列表,能行吗?答案是,没问题!

<script type="text/javascript">
var user =
[
{
"Id":1,
"Name":"Hubery",
"Age":23,
"Address":
[
{"City":"Beijing","ZipCode":"111111"},
{"City":"Langfang","ZipCode":"222222"}
],
"Email":"hubery@163.com"
},
{
"Id":2,
"Name":"Chris",
"Age":24,
"Address":{"City":"Beijing","ZipCode":"100085"},
"Email":"chris@163.com"
}
]

alert("Id: "+user[0].Id+"/r/nName: "+
user[0].Name+"/r/nAge: "+
user[0].Age+"/r/nAddress: ("+
user[0].Address[0].City+","+user[0].Address[0].ZipCode+") ("+user[0].Address[1].City+","+user[0].Address[1].ZipCode+")/r/nEmail: "+
user[0].Email);

alert("Id: "+user[1].Id+"/r/nName: "+
user[1].Name+"/r/nAge: "+
user[1].Age+"/r/nAddress: ("+
user[1].Address.City+","+user[1].Address.ZipCode+")/r/nEmail: "+
user[1].Email);
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: