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数据简单示例分享
相关文章
这篇文章主要给大家介绍了JS基本遍历方法,for，for...in,for...of,文章通过代码示例介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2023-09-09
一个简单的滚动效果，我只测试了文本，对于图片有需要的朋友可以测试一下哦2013-08-08
这篇文章主要给大家介绍了关于vscode+gulp轻松开发小程序的完整步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要介绍了微信小程序实现传递多个参数与事件处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要介绍了JS实现放大、缩小及拖拽图片的方法,可兼容IE及火狐等浏览器,通过javascript自定义函数实现针对图片的放大、缩小及拖拽等功能,涉及javascript动态操作页面元素的相关技巧,需要的朋友可以参考下2016-08-08
JavaScript中innerHTML，innerText，outerHTML的用法及区别
在javascript中如果我们要获取对象内容，js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里，可能很多人不知道吧，接下来跟着小编一起来学习innerHTML，innerText，outerHTML的用法及区别吧。2015-09-09
JavaScript的Object.defineProperty详解
本篇文章给大家详细讲述了JavaScript的Object.defineProperty的相关知识点内容，有兴趣的朋友参考学习下。2018-07-07
js中将时间戳转化成YYYY-MM-DD HH:mm:ss的3种实现办法
最近开发中需要和后端进日期和时间传值,前后端约定为时间戳的格式,但是前端展示需要展示成年-月-日的格式,就需要进行日期和时间转换格式,这篇文章主要给大家介绍了关于js中将时间戳转化成YYYY-MM-DD HH:mm:ss的3种实现办法,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了javascript中的相等操作符(==与===区别),需要的朋友可以参考下2019-12-12
bootstrapValidator.min.js表单验证插件
这篇文章主要为大家详细介绍了bootstrapValidator.min.js表单验证插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论