JSON 学习之完全手册 图文
更新时间：2007年05月29日 00:00:00 作者：
JSON 学习之完全手册 图文
第一章 何谓JOSN
JSON：JavaScript Object Notation
是Javascript (jscript、ECMA Javascript等)描述对象数据（各种元数据其实也是最简单的对象）的一种数据结构。概念和用法均类似于Hash（哈希表）或者关联数组。
JSON建构于两种结构：
“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。
值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。
这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。
最简单的JSON例子如下：
[
{ name:"Michael", email:"17bity@gmail.com", homepage:"https://www.jb51.net" },
{ name:"John", email:"john@gmail.com", homepage:"http://s.jb51.net" },
{ name:"Peggy", email:"peggy@gmail.com", homepage:"http://tools.jb51.net" }]
下面这个例子描述了一个邮件联系人列表，在javascript用eval 运行将获得一个maillist的对象实体，那么就可以用javascript做进一步的操作。
var maillist = [
{ name:"Michael", email:"17bity@gmail.com", homepage:"https://www.jb51.net" },
{ name:"John", email:"john@gmail.com", homepage:"http://s.jb51.net" },
{ name:"Peggy", email:"peggy@gmail.com", homepage:"http://tools.jb51.net" }
]
那么就可以用javascript做进一步的操作。
第二章 JSON格式
JSON的基本格式如下，图片来自json.org:
对象是属性、值对的集合。一个对象的开始于"{"，结束于"}"。每一个属性名和值间用":"提示，属性间用","分隔。
数组是有顺序的值的集合。一个数组开始于"["，结束于"]"，值之间用","分隔。
字符串的定义和C或Java基本一致。
数字的定义也和C或Java基本一致。
第三章 应用 trimpath Template 进行 JSON 模版制作
Trimpath Template 是一个用来解析Json数据，生成网页代码的轻量级JS代码。
Demo：http://demo.jb51.net/js/js_template/test.htm
trimpath.template基于JavaScript的，跨浏览器，采用APL/GPL开放源代码协议的，可以让你轻松进行基于模板编程方式的纯JS引擎。
http://code.google.com/p/trimpath/
它有如下的特点：
1、采用标准的JavaScript编写，支持跨浏览器
2、模板语法类似于：FreeMarker，Velocity,Smarty
3、采用简易的语言来描述大段的字串以及Dom/DHTML操作
4、可以很方便的解析XML文件格式的数据到指定模板。
采 用该引擎，可以让它来完全处理View方面的事情，服务端Module直接输出Data就可以。让你的MVC模式连成一体，而且由于View由浏览器来处 理，大大减少了服务器的负担，用来构建Ajax技术的网络信息系统应用是一个非常好的选择。
这是一个简单小巧的 模板工具类, 用来帮助使用者快速的拼装出所需要的字符串.
简单说明: 模板中 #{ ... /} 之间的数据将被 作为js脚本执行, 而其中VAR关键字代表的就是 seed 的值(从外部传入的一个变化的值).
模板分成两部分来执行, compile 和 run. #{..../}之间的部分在run期间被执行,
#{#...../} 之间的部分在编译期执行.编译期执行的代码中不能传入seed.
更多的说明也不用再写了,因为确实很简单的功能 呵呵.
原理: 实际上就是 利用传入的参数对 模板字符串中 #{ .../} 的部分进行替换.(对 #{ .../}之间的部分执行eval(),之后再替换).
如果你对模版技术感兴趣，也可以通过研究代码来获得更多的启发。
总结
作为JAVASCRIPT的默认数据格式，json在进行Ajax操作时显得非常方便，而且相对XML文件小了很多。因而在网速不甚理想的，系统耦合度比较高等情况下有更好的表现。
但是XML做为一种可以自描述的格式，在全世界有着更广泛的应用。所以当系统要求跨平台，跨语言时，采用XML仍旧是最好的选择。
JSON：JavaScript Object Notation
是Javascript (jscript、ECMA Javascript等)描述对象数据（各种元数据其实也是最简单的对象）的一种数据结构。概念和用法均类似于Hash（哈希表）或者关联数组。
JSON建构于两种结构：
“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。
值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。
这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。
最简单的JSON例子如下：
复制代码 代码如下:
[
{ name:"Michael", email:"17bity@gmail.com", homepage:"https://www.jb51.net" },
{ name:"John", email:"john@gmail.com", homepage:"http://s.jb51.net" },
{ name:"Peggy", email:"peggy@gmail.com", homepage:"http://tools.jb51.net" }]
下面这个例子描述了一个邮件联系人列表，在javascript用eval 运行将获得一个maillist的对象实体，那么就可以用javascript做进一步的操作。
复制代码 代码如下:
var maillist = [
{ name:"Michael", email:"17bity@gmail.com", homepage:"https://www.jb51.net" },
{ name:"John", email:"john@gmail.com", homepage:"http://s.jb51.net" },
{ name:"Peggy", email:"peggy@gmail.com", homepage:"http://tools.jb51.net" }
]
那么就可以用javascript做进一步的操作。
第二章 JSON格式
JSON的基本格式如下，图片来自json.org:
对象是属性、值对的集合。一个对象的开始于"{"，结束于"}"。每一个属性名和值间用":"提示，属性间用","分隔。
数组是有顺序的值的集合。一个数组开始于"["，结束于"]"，值之间用","分隔。
字符串的定义和C或Java基本一致。
数字的定义也和C或Java基本一致。
第三章 应用 trimpath Template 进行 JSON 模版制作
Trimpath Template 是一个用来解析Json数据，生成网页代码的轻量级JS代码。
Demo：http://demo.jb51.net/js/js_template/test.htm
trimpath.template基于JavaScript的，跨浏览器，采用APL/GPL开放源代码协议的，可以让你轻松进行基于模板编程方式的纯JS引擎。
http://code.google.com/p/trimpath/
它有如下的特点：
1、采用标准的JavaScript编写，支持跨浏览器
2、模板语法类似于：FreeMarker，Velocity,Smarty
3、采用简易的语言来描述大段的字串以及Dom/DHTML操作
4、可以很方便的解析XML文件格式的数据到指定模板。
采 用该引擎，可以让它来完全处理View方面的事情，服务端Module直接输出Data就可以。让你的MVC模式连成一体，而且由于View由浏览器来处 理，大大减少了服务器的负担，用来构建Ajax技术的网络信息系统应用是一个非常好的选择。
这是一个简单小巧的 模板工具类, 用来帮助使用者快速的拼装出所需要的字符串.
简单说明: 模板中 #{ ... /} 之间的数据将被 作为js脚本执行, 而其中VAR关键字代表的就是 seed 的值(从外部传入的一个变化的值).
模板分成两部分来执行, compile 和 run. #{..../}之间的部分在run期间被执行,
#{#...../} 之间的部分在编译期执行.编译期执行的代码中不能传入seed.
更多的说明也不用再写了,因为确实很简单的功能 呵呵.
原理: 实际上就是 利用传入的参数对 模板字符串中 #{ .../} 的部分进行替换.(对 #{ .../}之间的部分执行eval(),之后再替换).
如果你对模版技术感兴趣，也可以通过研究代码来获得更多的启发。
总结
作为JAVASCRIPT的默认数据格式，json在进行Ajax操作时显得非常方便，而且相对XML文件小了很多。因而在网速不甚理想的，系统耦合度比较高等情况下有更好的表现。
但是XML做为一种可以自描述的格式，在全世界有着更广泛的应用。所以当系统要求跨平台，跨语言时，采用XML仍旧是最好的选择。
相关文章
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
本篇文章主要介绍了js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
实现思路为：密码小于六位的时候，密码强度图片都为灰色;密码为七位及以上并且字母、数字、特殊字符三项中有两项，强度等等，感兴趣的朋友可以参考下哈2013-04-04
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,感兴趣的朋友可以了解下它的调用语法为:one(type, [data], fn),阅读本文或许有意外的收获呢2013-02-02
本文主要分享了js实现消息滚动效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章为大家详细主要介绍了js HTML5手机刮刮乐代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要为大家详细介绍了javascript实现移动端轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
不用AI也能实现的文字自动播报(SpeechSynthesis文本实例合成)
SpeechSynthesis是HTML5的一个新特性，基于SpeechSynthesis可以实现在客户浏览器端进行动态文本的语音合成播放，这篇文章主要介绍了不用AI也能实现的文字自动播报(SpeechSynthesis文本实例合成),需要的朋友可以参考下2023-03-03
JS中国标准时间转化为年月日时分秒'yyyy-MM-dd hh:mm:ss'的示例详解
这篇文章主要介绍了JS中国标准时间转化为年月日时分秒‘yyyy-MM-dd hh:mm:ss‘的相关知识,通过示例代码介绍了,Js各种时间转换问题（YYYY-MM-DD 时间戳 中国标准时间）,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了微信小程序网络请求接口封装，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了JavaScript中的函数的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-09-09
最新评论