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 相关文章推荐
js里的prototype使用示例
Nov 19 Javascript
拥抱模块化的JavaScript
Mar 07 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
js实现随机点名程序
Sep 17 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备份数据库生成SQL文件并下载的函数代码
2012/02/05 PHP
php绘制圆形的方法
2015/01/24 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
javascript 自动填写表单的实现方法
2010/04/09 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
Javascript基础知识(二)事件
2014/09/29 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
详解webpack介绍&安装&常用命令
2017/06/29 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
Bootstrap4 gulp 配置详解
2019/01/06 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
简单谈谈python中的语句和语法
2017/08/10 Python
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
TensorFlow用expand_dim()来增加维度的方法
2018/07/26 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
详解Python logging调用Logger.info方法的处理过程
2019/02/12 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python实时监控网站浏览记录实现过程详解
2020/07/14 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
计算机专业毕业生求职信分享
2013/12/24 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
走进毛泽东观后感
2015/06/04 职场文书
解析python中的jsonpath 提取器
2022/01/18 Python