当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JSON 学习之完全手册 图文

Javascript
Javascript初学者实例教程(10):图像属性
FF与IE下javascript计算屏幕尺寸
可输入的下拉框
超强图片数量上传无限制
提高代码性能技巧谈—以创建千行表格为例
让插入到 innerHTML 中的 script 跑起来的实现代码
自动设为主页
脚本写的IE右键助手
[原创]checkbox实现全选的多种方法 不断更新
Div+CSS+JS树型菜单,可刷新
CSS+JS构建的图片查看器
如何实现iframe(嵌入式帧)的自适应高度
颜色渐变效果
一条一条新闻向上的滚动 不错
模拟抽奖
[原创]用srcElement实现添加效果
获取对象
带Checkbox的列表框
[原创]图片分页查看
[原创]手机号码本地检测

Javascript 中的 JSON 学习之完全手册 图文


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 175 ::
收藏到网摘: n/a

第一章 何谓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:"[email protected]", homepage:"http://www.jialing.net" }, { name:"John", email:"[email protected]", homepage:"http://www.jobn.com" }, { name:"Peggy", email:"[email protected]", homepage:"http://www.peggy.com" }]

下面这个例子描述了一个邮件联系人列表,在javascript用eval 运行将获得一个maillist的对象实体,那么就可以用javascript做进一步的操作。
var maillist = [ { name:"Michael", email:"[email protected]", homepage:"http://www.jialing.net" }, { name:"John", email:"[email protected]", homepage:"http://www.jobn.com" }, { name:"Peggy", email:"[email protected]", homepage:"http://www.peggy.com" }]

那么就可以用javascript做进一步的操作。
第二章 JSON格式
JSON的基本格式如下,图片来自json.org:
对象是属性、值对的集合。一个对象的开始于"{",结束于"}"。每一个属性名和值间用":"提示,属性间用","分隔。点击在新窗口中浏览此图片
数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。
点击在新窗口中浏览此图片
字符串的定义和C或Java基本一致。
点击在新窗口中浏览此图片
数字的定义也和C或Java基本一致。
点击在新窗口中浏览此图片

第三章 应用 trimpath Template 进行 JSON 模版制作
Trimpath Template 是一个用来解析Json数据,生成网页代码的轻量级JS代码。
网址:http://www.trimpath.com/project/wiki/JavaScriptTemplates
Demo:http://trimpath.com/demos/test1/trimpath/template_demo.html
下载:template.rar
如果你对模版技术感兴趣,也可以通过研究代码来获得更多的启发。
总结
作为JAVASCRIPT的默认数据格式,json在进行Ajax操作时显得非常方便,而且相对XML文件小了很多。因而在网速不甚理想的,系统耦合度比较高等情况下有更好的表现。
但是XML做为一种可以自描述的格式,在全世界有着更广泛的应用。所以当系统要求跨平台,跨语言时,采用XML仍旧是最好的选择。
Dnew.cn 注 原文:http://www.xghost.cn/post/6.html