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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
Prototype源码浅析 Enumerable部分之each方法
Jan 16 Javascript
innerText 使用示例
Jan 23 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
jQuery中parents()和parent()的区别分析
Oct 28 Javascript
深入浅析JavaScript的API设计原则
Jun 14 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
微信小程序 聊天室简单实现
Apr 19 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
JavaScript实现网页计算器功能
Oct 29 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删除HTMl标签的实现代码
2013/06/30 PHP
PHP中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
php 启动报错如何解决
2014/01/17 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
php实现按天数、星期、月份查询的搜索框
2016/05/02 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
JS实现含有中文字符串的友好截取功能分析
2017/03/13 Javascript
基于Bootstrap表单验证功能
2017/11/17 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
Python读写unicode文件的方法
2015/07/10 Python
python字符串对其居中显示的方法
2015/07/11 Python
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
Python列表list解析操作示例【整数操作、字符操作、矩阵操作】
2017/07/25 Python
python实现定时提取实时日志程序
2018/06/22 Python
python实现对指定字符串补足固定长度倍数截断输出的方法
2018/11/15 Python
Python 实现域名解析为ip的方法
2019/02/14 Python
基于python实现的百度音乐下载器python pyqt改进版(附代码)
2019/08/05 Python
Python  Django 母版和继承解析
2019/08/09 Python
如何用Matlab和Python读取Netcdf文件
2021/02/19 Python
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
党在我心中演讲稿
2014/09/02 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
唐山大地震的观后感
2015/06/05 职场文书
JS实现简单控制视频播放倍速的实例代码
2021/04/18 Javascript
Vue监视数据的原理详解
2022/02/24 Vue.js