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

Javascript
jQuery生成asp.net服务器控件的代码
javascript 实现的完全兼容鼠标滚轴缩放图片的代码
JavaScript学习笔记(十七)js 优化
使用SyntaxHighlighter实现HTML高亮显示代码的方法
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
利用jQuery 实现GridView异步排序、分页的代码
jquery.lazyload 实现图片延迟加载jquery插件
Lazy Load 延迟加载图片的 jQuery 插件
jquery 插件实现图片延迟加载效果代码
javascript小数计算出现近似值的解决办法
jquery1.4后 jqDrag 拖动 不可用
jquery 应用代码 方便的排序功能
选择TreeView控件的树状数据节点的JS方法(jquery)
jquery 图片Silhouette Fadeins渐显效果
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
javascript 同时在IE和FireFox获取KeyCode的代码
js 键盘记录实现(兼容FireFox和IE)
javascript 函数速查表
jQuery AnythingSlider滑动效果插件
经典海量jQuery插件 大家可以收藏一下

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 93 ::
收藏到网摘: 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