我们经常在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函数调用的结果。如:
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 version="1.0" encoding="GBK"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
creationComplete="init()"
initialize="flash.system.System.useCodePage=true"
xmlns:ns1="*" xmlns:components="net.sugobin.flow.components.*">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private var params:Object;
private function init():void {
btnID.addEventListener(MouseEvent.CLICK, clickHandler);
}
private function clickHandler(evt:Event):void {
var args:Object = getParams();
if(args.name != null && args.address != null) {
dispID.text = "name:" + args.name + "\n" + "address:" + args.address;
}
}
private function getParams():Object {
params = {};
var query:String = ExternalInterface.call("window.location.search.substring", 1);
if(query) {
var pairs:Array = query.split("&");
for(var i:uint=0; i < pairs.length; i++) {
var pos:int = pairs[i].indexOf("=");
//Alert.show(String(pos));
if(pos != -1) {
var argname:String = pairs[i].substring(0, pos);
var value:String = pairs[i].substring(pos+1);
params[argname] = value;
}
}
}
Alert(params.toString());
return params;
}
]]>
</fx:Script>
<s:Button id="btnID" y="196" label="GetParams" horizontalCenter="7"/>
<s:TextArea id="dispID" y="21" width="200" horizontalCenter="1"/>
</s:Application>
var obj:Object = new Object();
obj.name = “flex”;
obj.version = “2”;
这里,我们生成了一个新Object对象obj,它有两个属性name和version。当然,我们也可以通过赋初值的方式直接定义Object对象:
var obj:Object = {name: ”flex”, version: “2”}
可能你已经看到,Object正是FLEX中的关联数组(对应于Java中的Map)。在上面的示例中,obj对象共定义了两组键、值对,它们分别是(键:name,值:flex)以及(键:version,值:2)。我还想告诉你的是,Object的使用方式比Map更简单。你既可以通过 .访问,也可以通过[]访问键值。例如:
var myAssocArray:Object = {fname:"John", lname:"Public"};
trace(myAssocArray.fname); // Output: John
trace(myAssocArray["lname"]); // Output: Public
myAssocArray.initial = "Q";