·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

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

时间:2012-01-04 08:53csdn.net
json是JavaScript Object Notation的简写,是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它是基于JavaScript(Standard ECMA-262 3rd Edition – December 1999)的一个子集

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表示如下: 

  1. <?xml version=”1.0″ encoding=”utf-8″?> 
  2.   <user> 
  3.   <name>张三 </name> 
  4.   <password>123456</password> 
  5.   <department>技术部</department> 
  6.   <sex></sex> 
  7.   <age>30</age> 
  8.   </user> 

对于这样一个XML来说,如果数据量大了的确让人头昏眼花,也不好处理,但是如果我们转化成下面这种形式的话:

  1. <?xml version=”1.0″ encoding=”utf-8″?> 
  2.   <user> 
  3. <people name=”张三” password=”123456″ depattment=”技术部” sex=”男” age=”30″ /> 
  4.   </user> 

再跟相应的JSON来比较:

  1. {“name”:”张三”,”password”:”123456″,”department”:”技术部”,”sex”:”男”,”age”:”30″} 

首先,你需要有一个JSON的类库,建议去下载adobe官方提供的产品外类库:http://code.google.com/p/as3corelib/ 。类库的使用就不多说了,大家应该都知道。
       先说说获取数据。可以这么说,只要你懂AS3与XML的交互,那么就一定能懂JSON,因为两者几乎是一样的,你唯一需要做的只是了解一下JSON的格式。例如下面这个JSON的例子,就像XML一样,你可以通过任何动态页面来生成这个格式,也可以通过静态的甚至TXT来读取也行。

  1. [{"name":"Hans","age":"32"},  
  2. {"name":"John","age":"12"},  
  3. {"name":"Zaki","age":"34"},  
  4. {"name":"Dr. Cox","age":"88"}]  

AS中的代码:

  1. package {  
  2.     import com.adobe.serialization.json.JSON;  
  3.     import flash.display.Sprite;  
  4.     import flash.events.Event;  
  5.     import flash.net.URLLoader;  
  6.     import flash.net.URLRequest;  
  7.  
  8.     public class getJSON extends Sprite {  
  9.         public function getJSON() {  
  10.             var loader:URLLoader=new URLLoader  ;  
  11.             loader.load(new URLRequest(http://127.0.0.1/json.php));
  12. //这里是你要获取JSON的路径  
  13.             loader.addEventListener(Event.COMPLETE,decodeJSON);  
  14.         }  
  15.         private function decodeJSON(evt:Event):void {  
  16.             var persons:Array=JSON.decode(URLLoader(evt.target).data);  
  17.             //在这里,就可以通过操作数组来应用数据了,很方便  
  18.             for (var i:int=0; i<persons.length; i++) {  
  19.                 trace(persons[i].name);  
  20.             }  
  21.         }  
  22.     }  

是不是很简单呢?在这里我们只用到了decode()这个方法,其实JSON类库要用的也只有两个方法,另一个就是马上要用到的encode()。大家可以理解为编码与解码。发送数据的代码如下:

  1. package {  
  2.       
  3.     import com.adobe.serialization.json.JSON;  
  4.     import flash.display.Sprite;  
  5.     import flash.events.Event;  
  6.     import flash.net.*;  
  7.  
  8.     public class sendJSON extends Sprite {  
  9.           
  10.         public function sendJSON() {  
  11.             var arr:Array=new Array({"name":"Hans","age":"32"},{"name":"John","age":"12"},
  12. {"name":"Zaki","age":"34"},{"name":"Dr. Cox","age":"88"});
  13.  
  14. //这里是要发送的数据,可以直接写,也可以是由其他方法生成,不过要注意格式。  
  15.             sendjson(arr);  
  16.         }  
  17.           
  18.         private function sendjson(a:Array):void {  
  19.             var jsonString:String=JSON.encode(a);  
  20.  
  21.             var urlVariables:URLVariables=new URLVariables  ;  
  22.             urlVariables.json=jsonString;  
  23.  
  24.             var urlRequest:URLRequest=new URLRequest(http://127.0.0.1/json.php);
  25. //这里是接收数据的动态页。  
  26.             urlRequest.method=URLRequestMethod.POST;  
  27.             urlRequest.data=urlVariables;  
  28.  
  29.             //其实到这已经结束了,下面的XML只是测试结果而已。  
  30.             var urlLoader:URLLoader=new URLLoader  ;  
  31.             urlLoader.addEventListener(Event.COMPLETE,onURLLoaderCompleteEvent);  
  32.             urlLoader.load(urlRequest);  
  33.         }  
  34.           
  35.         private function onURLLoaderCompleteEvent(evt:Event):void {  
  36.             var xml:XML=new XML(evt.target.data);  
  37.             trace(xml);  
  38.         }  
  39.     }  

为了大家方便使用JSON格式与服务器通信,有高手写了一个JSONLoader加载器,我这里把代码贴出来,如下:

  1. package   
  2. {  
  3.     import com.adobe.serialization.json.JSON;  
  4.       
  5.     import flash.events.Event;  
  6.     import flash.events.IOErrorEvent;  
  7.     import flash.events.SecurityErrorEvent;  
  8.     import flash.net.URLLoader;  
  9.     import flash.net.URLRequest;  
  10.     import flash.net.URLRequestMethod;  
  11.     import flash.net.URLVariables;  
  12.     import flash.utils.Dictionary;  
  13.       
  14.     /**  
  15.      * JSONLoader加载器,这个类是个工具类,可以同时加载多个xml数据 ,
  16.      * 在JSONLoader内部使用奴隶与死囚优化法则来减小内存消耗。  
  17.      * @author qiuxin  
  18.      *   
  19.      */   
  20.     public class JSONLoader extends URLLoader  
  21.     {  
  22.         private static var limbo:Dictionary=new Dictionary(true);  
  23.           
  24.         private var loadding:Boolean;  
  25.         private var competeHandle:Function;  
  26.           
  27.           
  28.         public static function load(url:String, competeHandle:Function, 
  29. variables:URLVariables=nullmethod:String="GET"):void  
  30.         {  
  31.             var request:URLRequest;  
  32.             var loader:JSONLoader  
  33.               
  34.             //在缓存寻找非运作的loader  
  35.             for(var criminal:Object in limbo)  
  36.             {  
  37.                 if(!JSONLoader(criminal).loadding)  
  38.                 {  
  39.                     loader=criminal as JSONLoader;  
  40.                     request=limbo[loader] as URLRequest;  
  41.                     request.url=url;  
  42.                     break;  
  43.                 }  
  44.             }  
  45.             //未找到则重新创建  
  46.             if (!loader)  
  47.             {  
  48.                 request=new URLRequest(url);  
  49.                 loader=new JSONLoader(request);  
  50.                 limbo[loader]=request;  
  51.             }  
  52.             request.data=variables;  
  53.             request.method=method;  
  54.             loader.competeHandle=competeHandle;  
  55.             loader.load(request);  
  56.             loader.loadding=true;  
  57.         }  
  58.           
  59.           
  60.         public function JSONLoader(request:URLRequest=null)  
  61.         {  
  62.             super(request);  
  63.               
  64.             addEventListener(Event.COMPLETE, xmlLoadComplete);  
  65.             addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandle);  
  66.             addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandle);  
  67.         }  
  68.           
  69.           
  70.         private function ioErrorHandle(event:IOErrorEvent):void  
  71.         {  
  72.             trace("加载xml时服务器未能返回");  
  73.         }  
  74.           
  75.           
  76.         private function securityErrorHandle(event:SecurityErrorEvent):void  
  77.         {  
  78.             trace("加载xml时发生安全沙箱错误");  
  79.         }  
  80.           
  81.           
  82.         private function xmlLoadComplete(event:Event):void  
  83.         {  
  84.             loadding=false;  
  85.             var result:Object=JSON.decode(event.target.data);  
  86.             competeHandle(result);  
  87.         }  
  88.     }  

有了JSONLoader后在任何地方可以通过静态方法load()加载后台数据,加载完后自动调用每个数据的回调函数并且传入加载的xml。JSONLoader可以同时加载多个数据,由于JSONLoader在内部使用了内存优化(奴隶与死囚优化法则),频繁加载也不会带来内存溢出问题

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器