JSON 学习之完全手册 图文


Posted in Javascript onMay 29, 2007

第一章 何谓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://3water.com" }, 
{ name:"John", email:"john@gmail.com", homepage:"http://s.3water.com" }, 
{ name:"Peggy", email:"peggy@gmail.com", homepage:"http://tools.3water.com" }]

下面这个例子描述了一个邮件联系人列表,在javascript用eval 运行将获得一个maillist的对象实体,那么就可以用javascript做进一步的操作。

var maillist = [ 
{ name:"Michael", email:"17bity@gmail.com", homepage:"https://3water.com" }, 
{ name:"John", email:"john@gmail.com", homepage:"http://s.3water.com" }, 
{ name:"Peggy", email:"peggy@gmail.com", homepage:"http://tools.3water.com" } 
]

那么就可以用javascript做进一步的操作。

第二章 JSON格式

JSON的基本格式如下,图片来自json.org:
对象是属性、值对的集合。一个对象的开始于"{",结束于"}"。每一个属性名和值间用":"提示,属性间用","分隔。

JSON 学习之完全手册 图文

数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。

JSON 学习之完全手册 图文

字符串的定义和C或Java基本一致。
JSON 学习之完全手册 图文

数字的定义也和C或Java基本一致。
JSON 学习之完全手册 图文

第三章 应用 trimpath Template 进行 JSON 模版制作

Trimpath Template 是一个用来解析Json数据,生成网页代码的轻量级JS代码。

Demo:http://demo.3water.com/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仍旧是最好的选择。  

Javascript 相关文章推荐
使用JQuery进行跨域请求
Jan 25 Javascript
jquery文字上下滚动的实现方法
Mar 22 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
Flow之一个新的Javascript静态类型检查器
Dec 21 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
vue脚手架vue-cli的学习使用教程
Jun 06 Javascript
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
处理JavaScript值为undefined的7个小技巧
Jul 28 Javascript
js实现手表表盘时钟与圆周运动
Sep 18 Javascript
Highslide.js是一款基于js实现的网页中图片展示插件
Mar 30 #Javascript
JScript的条件编译
May 29 #Javascript
javascript学习网址备忘
May 29 #Javascript
?牟┛途W扣了一??效果出?? target=
May 27 #Javascript
JS获取scrollHeight问题想到的标准问题
May 27 #Javascript
如何实现动态删除javascript函数
May 27 #Javascript
javascript实现 在光标处插入指定内容
May 25 #Javascript
You might like
php 进度条实现代码
2009/03/10 PHP
php的curl封装类用法实例
2014/11/07 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
PHP生成树的方法
2015/07/28 PHP
php函数连续调用实例分析
2015/07/30 PHP
PHP Redis扩展无法加载的问题解决方法
2019/08/22 PHP
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
js类型检查实现代码
2010/10/29 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
如何调试异步加载页面里包含的js文件
2014/10/30 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
2014/11/26 Javascript
Javascript函数的参数
2015/07/16 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
js实现鼠标点击文本框自动选中内容的方法
2015/08/20 Javascript
JavaScript DOM 学习总结(五)
2015/11/24 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
使用Angular CLI生成 Angular 5项目教程详解
2018/03/18 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
实例讲解JavaScript截取字符串
2018/11/30 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
Python 描述符(Descriptor)入门
2016/11/20 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
python怎么提高计算速度
2020/06/11 Python
python数据类型强制转换实例详解
2020/06/22 Python
Python如何telnet到网络设备
2021/02/18 Python
Ejb技术面试题
2015/04/29 面试题
英语专业个人求职信范文
2014/02/01 职场文书
婚前协议书
2014/04/15 职场文书
助残日活动总结
2014/08/27 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书