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

Javascript
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
浮动广告js类实现
使用透明叠加法美化文件上传界面的代码
用Div仿showModalDialog模式菜单的效果的代码
JsEasy简介 JsEasy是什么?与下载
网页屏蔽(左右键,代码等)的非JS方法
在IE模态窗口中自由查看HTML源码的方法
点下网页的任意地方,都可到达指定页面的js代码
实例学习Javascript之构建方法、属性
腾讯QQ网页在线客服,隐藏在网页一侧的隐现效果二
腾讯QQ网页在线客服,随网页滚动条上下移动的效果一
可以媲美Flash的JS导航菜单
js实现的XP风格的右键菜单
用JavaScript实现仿Windows关机效果
学习YUI.Ext基础第一天
学习YUI.Ext 第四天--对话框Dialog的使用
Gird组件 Part-3:范例RSSFeed Viewer
可缩放Reloaded-一个针对可缩放元素的复用组件
简单三步,搞掂内存泄漏
pjblog修改技巧汇总

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


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