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模拟超链接点击效果代码
Apr 21 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
10个JavaScript中易犯小错误
Feb 14 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
Angular工具方法学习
Dec 26 Javascript
angularjs中回车键触发某一事件的方法
Apr 24 Javascript
通过一个简单的例子学会vuex与模块化
Nov 22 Javascript
JavaScript中的各种宽高属性的实现
May 08 Javascript
js实现简单商品筛选功能
Feb 02 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
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
用PHP进行MySQL删除记录操作代码
2008/06/07 PHP
PHP 日志缩略名的创建函数代码
2010/05/26 PHP
ThinkPHP模板判断输出Present标签用法详解
2014/06/30 PHP
php连接mysql数据库
2017/03/21 PHP
php集成开发环境详解
2019/09/24 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
jQuery前台数据获取实现代码
2011/03/16 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
2019/09/11 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
Python解决pip install时出现的Could not fetch URL问题
2019/08/01 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
python如何实现DES加密
2020/09/21 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
如何进行Linux分区优化
2013/02/12 面试题
祖国在我心中演讲稿
2014/01/15 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
中学生打架检讨书
2014/10/13 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
不同意离婚上诉状
2015/05/23 职场文书
婚宴主持词
2015/06/30 职场文书
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript