JSON+JavaScript处理JSON的简单例子
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。
JSON建构于两种结构：
1、“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表 （hash table），有键列表（keyed list），或者关联数组 （associative array）。
2、值的有序列表（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的数值非常相似。除去未曾使用的八进制与十六进制格式。除去一些编码细节。
•空白可以加入到任何符号之间。 以下描述了完整的语言。
JSON举例(javascript中使用json):
<script type="text/javascript">
var user =
{
"Id":1,
"Name":"Hubery",
"Age":23,
"Address":
{
"City":"Beijing","ZipCode":"111111"
},
"Email":"hubery@jb51.net"
};
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@jb51.net"
};
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@jb51.net"
},
{
"Id":2,
"Name":"Chris",
"Age":24,
"Address":{"City":"Beijing","ZipCode":"100085"},
"Email":"chris@jb51.net"
}
]
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>
- javascript:json数据的页面绑定示例代码
- JavaScript Ajax Json实现上下级下拉框联动效果实例代码
- javascript打印输出json实例
- java与javascript之间json格式数据互转介绍
- 将json当数据库一样操作的javascript lib
- javascript仿php的print_r函数输出json数据
- javaScript 动态访问JSon元素示例代码
- JavaScript中json使用自己总结
- js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
- JavaScript中json对象和string对象之间相互转化
- javascript操作JSON的要领总结
- javascript生成json数据简单示例分享
相关文章
Bootstrap datepicker日期选择器插件使用详解
这篇文章主要为大家详细介绍了Bootstrap datepicker日期选择器插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了如何在微信小程序中存setStorage,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了JS实现文字放大效果的方法,实例分析了javascript鼠标事件控制css样式的技巧,需要的朋友可以参考下2015-03-03
下面小编就为大家带来一篇js获取文件里面的所有文件名(实例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要为大家详细介绍了js实现数字拼图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要给大家介绍了关于js如何监听input输入事件及使用防抖封装函数处理方法的相关资料,最近有一个需求,需要我们实时监听input输入框中的内容,从而带来更好的用户体验,需要的朋友可以参考下2023-07-07
本文主要介绍了使用webpack打包ts代码的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了使用js实现让某个动作延迟几秒执行的方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要为大家详细介绍了js添加事件的通用方法，还为大家介绍了js绑定事件的常用方式，感兴趣的小伙伴们可以参考一下2016-05-05
极酷的javascirpt，让你随意编辑任何网页...2007-02-02
最新评论