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

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

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

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

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

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

1. ExternalInterface.call("JavaScript函数");

 

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

通常使用下面的语句：

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

 

注：这里window属性引用的Window对象自身，而Window对象的location属性引用的是Location对象。

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

 

示例代码如下：

 

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;
8.         private var params:Object;
10.         private function init():void {
11.             btnID.addEventListener(MouseEvent.CLICK, clickHandler);
12.         }
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.         }
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);
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"/>
44. </mx:Application>

点击查看程序演示