JSON扫盲帖 JSON.as类教程


Posted in Javascript onFebruary 16, 2009

补充内容:
如果json字符串是从html用FlashVars来传递参数时那么字符串中的第一个双引号(包括双引号)以后的内容就不会得到传送. 而adobe的官方json.as类包里解析josn对象中是少不了双引号的. 所以搞了半天只后用个字符串替换函数啦!
方法看另一篇文章:
html传带双引号的参数给flash解决方案
--------------------------------------------------------------------------------------
先看下面的转载内容吧! 前面这些是根据自己的需求的补充内容:
--------------------------------------------------------------------------------------
昨天发了json的AS3解析类,从大家的跟帖上来看,好多人还是不知道这个东西的,特建一个扫盲贴。
其实在AS中使用json其实并不是一个必须或是很好的选择,因为AS对xml的解析已经很不错了,但是为什么可以考虑使用json呢,有以下几点:
json是介于单纯的文本方式(如:firstName=Brett&lastName=McLaughlin&email=brett@newInstance.com)和xml(<request><firstName>Brett</firstName><lastName>McLaughlin</lastName><email>brett@newInstance.com</email></request>)中间的一种格式,他具有文本和xml的中性优势:数据量小和清晰的数据格式。
json是JavaScript Object Notation的简写,那么意思就是说他是来自于javascript的东西。因为现在ajax的流行,大部分网站会采用ajax的模式和构架,那么json会是一个数据传输的首选(文本方式太简单,要是大数据量的时候无法理解,xml的方式数据量大,在解析的时候会增加服务器负担),那么要是一个网站从ajax构架的基础上出一个flex/flash版的界面的时候使用json会最少地减少服务器端的程序改动。
服务器端现在有成熟的JSON解析代码(因为JSON运用太广泛了),那么在开发的时候也不用担心服务器端的解析。
ps:我怎么只能想到上面三点啊,会不会理由太少了?
JSON 是什么?
简单 JSON 示例
按照最简单的形式,可以用下面这样的 JSON 表示名称/值对:

{ "firstName": "Brett" }

复制代码这个示例非常基本,而且实际上比等效的纯文本名称/值对占用更多的空间:
firstName=Brett

复制代码但是,当将多个名称/值对串在一起时,JSON 就会体现出它的价值了。首先,可以创建包含多个名称/值对的记录,比如:
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }

复制代码从语法方面来看,这与名称/值对相比并没有很大的优势,但是在这种情况下 JSON 更容易使用,而且可读性更好。例如,它明确地表示以上三个值都是同一记录的一部分;花括号使这些值有了某种联系。
值的数组
当需要表示一组值时,JSON 不但能够提高可读性,而且可以减少复杂性。例如,假设您希望表示一个人名列表。在 XML 中,需要许多开始标记和结束标记;如果使用典型的名称/值对(就像在本系列前面文章中看到的那种名称/值对),那么必须建立一种专有的数据格式,或者将键名称修改为 person1-firstName 这样的形式。
如果使用 JSON,就只需将多个带花括号的记录分组在一起:
{ "people": [ 
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, 
{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, 
{ "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" } 
]}

复制代码这不难理解。在这个示例中,只有一个名为 people 的变量,值是包含三个条目的数组,每个条目是一个人的记录,其中包含名、姓和电子邮件地址。上面的示例演示如何用括号将记录组合成一个值。当然,可以使用相同的语法表示多个值(每个值包含多个记录): { "programmers": [
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, 
{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, 
{ "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" } 
], 
"authors": [ 
{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" }, 
{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" }, 
{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" } 
], 
"musicians": [ 
{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" }, 
{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } 
] 
}

复制代码这里最值得注意的是,能够表示多个值,每个值进而包含多个值。但是还应该注意,在不同的主条目(programmers、authors 和 musicians)之间,记录中实际的名称/值对可以不一样。JSON 是完全动态的,允许在 JSON 结构的中间改变表示数据的方式。
在处理 JSON 格式的数据时,没有需要遵守的预定义的约束。所以,在同样的数据结构中,可以改变表示数据的方式,甚至可以以不同方式表示同一事物。
ps:以上例子都是来自http://www.ibm.com/developerworks/cn/web/wa-ajaxintro10/,掌握 Ajax,自己懒,看人家有就顺便用了

当当当,我又回来了,上周忙这上班没顾上写用法,下面就介绍一下adobe的json类的用法。
上次发表的json类有问题(http://bbs.actionscript3.cn/thread-1625-1-1.html),因为我也是从别人处下载的,谁知道是一个半成品。望大家别生气啊,建议管理员给删除了!
这次是adobe的官方的类,我修改了一下包,这次就可以用了。
下面是教程,比较简单:
1、服务器端来的json
怎么样获得服务器端的json我就不说了吧(就是通讯),那么得到的应该是一个字符串,存入变量serverJSON,使用方式如下:

import json.*; 
var json:Object = new Object(); 
json = JSON.decode(serverJSON);

json就是一个对象了,简单吧。
举一个例子:
上面的JSON的一段代码:

{ "programmers": [ 
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, 
{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, 
{ "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" } 
], 
"authors": [ 
{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" }, 
{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" }, 
{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" } 
], 
"musicians": [ 
{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" }, 
{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } 
] 
}

存入变量:serverJSON
代码:
var serverJSON:String = '{ "programmers": [{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }],"authors": [{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }],"musicians": [{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }]}' 
var s:Object = JSON.decode(serverJSON); 
//开始使用 
trace(s.programmers[0].firstName);//输出:Brett

不是吧这么简单。其实转变后就成为一个对象了,可以通过点语法来访问这些值了。XML靠边去。
2、本地对象做成JSON
你要是能自己拼出JSON字符串也可以,不过我们是在面向对象的世界啊,那么我们都是对象啊,到时候对象直接就可以来用了。
举一个例子:

import json.*; 
var myObject:Object = new Object(); 
myObject.ab = "adfsdf"; 
myObject.cd = Math.random(); 
trace(JSON.encode( myObject ));//输出:{"ab":"adfsdf","cd":0.0599129400216043}

这样就可以给服务器了。
总结:就两个方法,JSON.decode(String),JSON.encode(Object),有这么简单的方式实现传输量小,而且简单的数据格式,我们为什么还不用呢?
其实XML自然也有他自己的强势,当一个结构复杂的数据结构出现的时候,这个时候JSON就很难搞定了,XML就是首选了。
Javascript 相关文章推荐
基于Asp.net与Javascript控制的日期控件
May 22 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
Feb 03 Javascript
js模拟C#中List的简单实例
Mar 06 Javascript
解决js函数闭包内存泄露问题的办法
Jan 25 Javascript
微信小程序 数据封装,参数传值等经验分享
Jan 09 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
JavaScript 有用的代码片段和 trick
Feb 22 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
解决layer.prompt无效的问题
Sep 24 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 Javascript
动态为事件添加js代码示例
Feb 15 #Javascript
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 #Javascript
javascript Ext JS 状态默认存储时间
Feb 15 #Javascript
Javascript 获取链接(url)参数的方法
Feb 15 #Javascript
JavaScript 获得选中文本内容的方法
Feb 15 #Javascript
检测是否已安装 .NET Framework 3.5的js脚本
Feb 14 #Javascript
Javascript 跨域访问解决方案
Feb 14 #Javascript
You might like
php代码审计比较有意思的例子
2014/05/07 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
Nigma vs Alliance BO5 第五场2.14
2021/03/10 DOTA
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
JavaScript 判断浏览器是否支持SVG的代码
2013/03/21 Javascript
JS实现的通用表单验证插件完整实例
2015/08/20 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
JS+HTML5 FileReader对象用法示例
2017/04/07 Javascript
vue实现nav导航栏的方法
2017/12/13 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
JavaScript:ES2019 的新特性(译)
2019/08/08 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
Python实现的一个简单LRU cache
2014/09/26 Python
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
Python 装饰器实现DRY(不重复代码)原则
2018/03/05 Python
python实现自动发送报警监控邮件
2018/06/21 Python
在Python中pandas.DataFrame重置索引名称的实例
2018/11/06 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
Python使用urlretrieve实现直接远程下载图片的示例代码
2020/08/17 Python
澳大利亚和新西兰最大的在线旅行社之一:Aunt Betty
2019/08/07 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang
Pytorch 实现变量类型转换
2021/05/17 Python
flex弹性布局详解
2022/03/20 HTML / CSS