AS3与JavaScript Object Notation的简单通信(AS3 JSON)

核心提示：json是JavaScript Object Notation的简写，是一种轻量级的数据交换格式，AS3与JavaScript Object Notation的简单通信(AS3 JSON)，易于人阅读和编写，同时也易于机器解析和生成，JSONLoader可以同时加载多个数据，由于JSONLoader在内部使用了内存优化

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在内部使用了内存优化(奴隶与死囚优化法则)，频繁加载也不会带来内存溢出问题。