Flex程序如何获取html容器传递的URL参数值

来源:互联网 发布:软件工作室怎么成立 编辑:程序博客网 时间:2024/05/17 00:17

我们经常在Flex程序需要用从外部html向swf文件传递参数,(类似 test.html?name=jex&address=chengdu 地址中问号后面的参数对值)

首先要明确的是,一般我们在使用FlexBuilder进行Flex开发时,编译后自动以html容器将swf文件包装起来了,所以一般来说,我们直接运行的是html,而非直接运行生成的swf文件。而Flex应用程序要获取外部html容器传入的参数,通常是用JavaScript来获取到相应参数,再让javaScript传递给ActionScript。

在Flex应用程序中,我们通常要用到ExternalInterface类,ExternalInterface主要用来让ActionScript直接与FlashPlayer容器进行通信。ExernalInterface类通常作为ActionScript与JavaScript进行通信的桥梁。

为了获取从html传入的URL参数,通常传递的顺序是:html容器—>JavaScript—>ExternalInterface—>ActionScript

具体实现:
在Flex中,通过调用ExternalInterface的call方法,参数为要调用的JavaScript函数,并返回JS函数调用的结果。如:

ExternalInterface.call("JavaScript函数");

在JS中,Window对象用来代表一个Web浏览器窗口,而窗口的Location对象则代表了当前显示的URL,于是,要想获取URL中的参数,

通常使用下面的语句:

window.location.href.toString  //得到URL的完整文本
 
window.location.search.substring  //得到问号后面部分的URL文本

:这里window属性引用的Window对象自身,而Window对象的location属性引用的是Location对象。


通常的参数对以test.html?name=jex&address=chengdu 这样的形式给出,在获取到问号后面的URL文本后,还需要对其分解,这时有两种途径,一种是分解过程在JS中完成,然后将最终的结果值传递给Flex,另一种是将分解的过程放在Flex中去完成。在这里使用的后者(这样只需写AS代码,而不用去写JS代码了^_^)

XML/HTML代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  
  3.     creationComplete="init()">  
  4. <mx:Script>  
  5.     <![CDATA[  
  6.         import mx.controls.Alert;  
  7.    
  8.         private var params:Object;  
  9.    
  10.         private function init():void {  
  11.             btnID.addEventListener(MouseEvent.CLICK, clickHandler);  
  12.         }  
  13.    
  14.         private function clickHandler(evt:Event):void {  
  15.             var args:Object = getParams();  
  16.             if(args.name != null && args.address != null) {  
  17.                 dispID.text = "name:" + args.name + "/n" + "address:" + args.address;  
  18.             }  
  19.         }  
  20.    
  21.         private function getParams():Object {  
  22.             params = {};  
  23.             var query:String = ExternalInterface.call("window.location.search.substring", 1);  
  24.             if(query) {  
  25.                 var pairs:Array = query.split("&");  
  26.                 for(var i:uint=0; i < pairs.length; i++) {  
  27.                     var pos:int = pairs[i].indexOf("=");  
  28.                     //Alert.show(String(pos));  
  29.                     if(pos != -1) {  
  30.                         var argname:String = pairs[i].substring(0, pos);  
  31.                         var value:String = pairs[i].substring(pos+1);  
  32.    
  33.                         params[argname] = value;  
  34.                     }  
  35.                 }  
  36.             }  
  37.             return params;  
  38.         }  
  39.     ]]>  
  40. </mx:Script>  
  41.     <mx:Button id="btnID" y="118" label="GetParams" horizontalCenter="0"/>  
  42.     <mx:TextArea id="dispID" y="47" width="200" horizontalCenter="0"/>  
  43.     
  44. </mx:Application>  

点击查看程序演示

原创粉丝点击