json是JavaScript Object Notation的简写,是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它是基于JavaScript(Standard ECMA-262 3rd Edition – December 1999)的一个子集,也就是说他是来自于javascript的东西。因为现在ajax的流行,大部分网站会采用ajax的模式和构架,那么json会是一个数据传输的首选(文本方式太简单,要是大数据量的时候无法理解,xml的方式数据量大,在解析的时候会增加服务器负担),那么要是一个网站从 ajax构架的基础上出一个flex/Flash版的界面的时候使用json会最少地减少服务器端的程序改动。
JSON的结构写法很容易理解,它原本就是以数据量小和清晰的数据格式而著称的。但是在AS中使用json其实并不是一个必须或是很好的选择,很多时候我们还是会用XML,因为AS对XML的解析已经很好了。
用XML表示如下:
<?xml version=”1.0″ encoding=”utf-8″?> <user> <name>张三 </name> <password>123456</password> <department>技术部</department> <sex>男</sex> <age>30</age> </user>
对于这样一个XML来说,如果数据量大了的确让人头昏眼花,也不好处理,但是如果我们转化成下面这种形式的话:
<?xml version=”1.0″ encoding=”utf-8″?> <user> <people name=”张三” password=”123456″ depattment=”技术部” sex=”男” age=”30″ /> </user>
再跟相应的JSON来比较:
{“name”:”张三”,”password”:”123456″,”department”:”技术部”,”sex”:”男”,”age”:”30″}
首先,你需要有一个JSON的类库,建议去下载adobe官方提供的产品外类库:http://code.google.com/p/as3corelib/ 。类库的使用就不多说了,大家应该都知道。
先说说获取数据。可以这么说,只要你懂AS3与XML的交互,那么就一定能懂JSON,因为两者几乎是一样的,你唯一需要做的只是了解一下JSON的格式。例如下面这个JSON的例子,就像XML一样,你可以通过任何动态页面来生成这个格式,也可以通过静态的甚至TXT来读取也行。
[{"name":"Hans","age":"32"},
{"name":"John","age":"12"},
{"name":"Zaki","age":"34"},
{"name":"Dr. Cox","age":"88"}]
AS中的代码:
package {
import com.adobe.serialization.json.JSON;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
public class getJSON extends Sprite {
public function getJSON() {
var loader:URLLoader=new URLLoader ;
loader.load(new URLRequest("http://127.0.0.1/json.php"));//这里是你要获取JSON的路径
loader.addEventListener(Event.COMPLETE,decodeJSON);
}
private function decodeJSON(evt:Event):void {
var persons:Array=JSON.decode(URLLoader(evt.target).data);
//在这里,就可以通过操作数组来应用数据了,很方便
for (var i:int=0; i<persons.length; i++) {
trace(persons[i].name);
}
}
}
}是不是很简单呢?在这里我们只用到了decode()这个方法,其实JSON类库要用的也只有两个方法,另一个就是马上要用到的encode()。大家可以理解为编码与解码。发送数据的代码如下:
package {
import com.adobe.serialization.json.JSON;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.*;
public class sendJSON extends Sprite {
public function sendJSON() {
var arr:Array=new Array({"name":"Hans","age":"32"},{"name":"John","age":"12"},{"name":"Zaki","age":"34"},{"name":"Dr. Cox","age":"88"});//这里是要发送的数据,可以直接写,也可以是由其他方法生成,不过要注意格式。
sendjson(arr);
}
private function sendjson(a:Array):void {
var jsonString:String=JSON.encode(a);
var urlVariables:URLVariables=new URLVariables ;
urlVariables.json=jsonString;
var urlRequest:URLRequest=new URLRequest("http://127.0.0.1/json.php");//这里是接收数据的动态页。
urlRequest.method=URLRequestMethod.POST;
urlRequest.data=urlVariables;
//其实到这已经结束了,下面的XML只是测试结果而已。
var urlLoader:URLLoader=new URLLoader ;
urlLoader.addEventListener(Event.COMPLETE,onURLLoaderCompleteEvent);
urlLoader.load(urlRequest);
}
private function onURLLoaderCompleteEvent(evt:Event):void {
var xml:XML=new XML(evt.target.data);
trace(xml);
}
}
}
为了大家方便使用JSON格式与服务器通信,有高手写了一个JSONLoader加载器,我这里把代码贴出来,如下:
package
{
import com.adobe.serialization.json.JSON;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.SecurityErrorEvent;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.net.URLRequestMethod;
import flash.net.URLVariables;
import flash.utils.Dictionary;
/**
* JSONLoader加载器,这个类是个工具类,可以同时加载多个xml数据 ,在JSONLoader内部使用奴隶与死囚优化法则来减小内存消耗。
* @author qiuxin
*
*/
public class JSONLoader extends URLLoader
{
private static var limbo:Dictionary=new Dictionary(true);
private var loadding:Boolean;
private var competeHandle:Function;
public static function load(url:String, competeHandle:Function, variables:URLVariables=null, method:String="GET"):void
{
var request:URLRequest;
var loader:JSONLoader
//在缓存寻找非运作的loader
for(var criminal:Object in limbo)
{
if(!JSONLoader(criminal).loadding)
{
loader=criminal as JSONLoader;
request=limbo[loader] as URLRequest;
request.url=url;
break;
}
}
//未找到则重新创建
if (!loader)
{
request=new URLRequest(url);
loader=new JSONLoader(request);
limbo[loader]=request;
}
request.data=variables;
request.method=method;
loader.competeHandle=competeHandle;
loader.load(request);
loader.loadding=true;
}
public function JSONLoader(request:URLRequest=null)
{
super(request);
addEventListener(Event.COMPLETE, xmlLoadComplete);
addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandle);
addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandle);
}
private function ioErrorHandle(event:IOErrorEvent):void
{
trace("加载xml时服务器未能返回");
}
private function securityErrorHandle(event:SecurityErrorEvent):void
{
trace("加载xml时发生安全沙箱错误");
}
private function xmlLoadComplete(event:Event):void
{
loadding=false;
var result:Object=JSON.decode(event.target.data);
competeHandle(result);
}
}
}
有了JSONLoader后在任何地方可以通过静态方法load()加载后台数据,加载完后自动调用每个数据的回调函数并且传入加载的xml。JSONLoader可以同时加载多个数据,由于JSONLoader在内部使用了内存优化(奴隶与死囚优化法则),频繁加载也不会带来内存溢出问题。