zoukankan      html  css  js  c++  java
  • as3读取和发送JSON

    http://devilkirin.iteye.com/blog/472487

    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官方提供的产品外类库:as3corelib。类库的使用就不多说了,大家应该都知道。

           先说说获取数据。可以这么说,只要你懂AS3与XML的交互,那么就一定能懂JSON,因为两者几乎是一样的,你唯一需要做的只是了解一下JSON的格式。例如下面这个JSON的例子,就像XML一样,你可以通过任何动态页面来生成这个格式,也可以通过静态的甚至TXT来读取也行。

    JSON代码

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

    AS3代码

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

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

     1 package {  
     2    import com.adobe.serialization.json.JSON;  
     3   
     4    import flash.display.Sprite;  
     5    import flash.events.Event;  
     6    import flash.net.*;  
     7   
     8 public class sendJSON extends Sprite {  
     9      public function sendJSON() {  
    10    var arr : Array = new Array({”name”:”Hans”,”age”:”32″},{”name”:”John”,”age”:”12″},{”name”:”Zaki”,”age”:”34″},{”name”:”Dr. Cox”,”age”:”88″});//这里是要发送的数据,可以直接写,也可以是由其他方法生成,不过要注意格式。  
    11    sendjson( arr );  
    12 }  
    13 private function sendjson( a : Array ):void {  
    14    var jsonString : String = JSON.encode(a);  
    15   
    16    var urlVariables:URLVariables = new URLVariables();  
    17    urlVariables.json = jsonString;  
    18   
    19    var urlRequest:URLRequest = new URLRequest(http://127.0.0.1/json.php); //这里是接收数据的动态页。  
    20    urlRequest.method = URLRequestMethod.POST;  
    21    urlRequest.data = urlVariables;  
    22   
    23    //其实到这已经结束了,下面的XML只是测试结果而已。  
    24    var urlLoader:URLLoader = new URLLoader();  
    25    urlLoader.addEventListener(Event.COMPLETE, onURLLoaderCompleteEvent);  
    26    urlLoader.load(urlRequest);  
    27 }  
    28 private function onURLLoaderCompleteEvent( evt : Event ):void {  
    29    var xml:XML = new XML(evt.target.data);  
    30    trace(xml);  
    31 }  
    32 }  
    33 }  
  • 相关阅读:
    javascript重点笔记
    我的CSS架构
    排行榜妙用——CSS计数器
    回归基础从新认识——HTML+CSS
    前端开发工具(安装及常用技巧)——sublime text 3
    手机访问php环境移动端静态页面
    H5前端面试题及答案(2)
    H5前端面试题及答案(1)
    python笔记--学会使用Fiddler
    python进程/线程/协成
  • 原文地址:https://www.cnblogs.com/SmileYG/p/Smile_YG.html
Copyright © 2011-2022 走看看