我们经常在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="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="init()">
<mx: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);
// Alert.show(ExternalInterface.call("window.location.href.toString",1));
// Alert.show(query);
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;
}
}
}
return params;
}
]]>
</mx:Script>
<mx:Button id="btnID" y="118" label="GetParams" horizontalCenter="0"/>
<mx:TextArea id="dispID" y="47" width="200" horizontalCenter="0"/>
</mx:Application>
很简单的在一个页面构造一个链接到这个页面,并给的参数为name和address时点击那个按钮就有效果了,其实这个name和address只是作显示时用的,只说明getParams方法是可行的,别误以为只能用它们作参数。
附件是放入tomcat等服务器就可以运行的例子:我是用flex builder将上面程序编译成可运行的flex web项目(我这里起名为ww),生成的ww.swf ww.html AC_OETags.js三个文件入到myeclipse里去,在myeclipse新建一个web project,在index.jsp里加入一个链接,就可以运行了。
Jex 原创,转载请注明出自:http://www.jexchen.com
分享到:
相关推荐
flex获得html容器传递的url参数值
Flex程序如何获取html容器传递的URL参数值
Adobe Flex Builder 3 中组件之间的参数传递(主要是给大家学习)
Flex通过URL获取参数;Flex通过URL获取参数;
Flex获得URL参数值,与服务器断更好的完成交互
只要你有flex运行环境就行 把这个文件拷贝进去 然后在你访问的地址栏中记得加个参数 如http://111:80/tt/a.html?name=csdn 就这样
通过网页地址URL的参数传递。 例如:http://localhost:8080/text.mxml?myName=good&myValue=goods 在mxml里面获取到good同goods
Flex HTTPService 如何给后台传递参数 包含实例绝对简单
Flex与Java通过实体传递数据
Flex获取设置html cookie;Flex获取设置html cookie
flex中moduleLoader动态加载module时传递参数源代码
flex嵌入网页的方法 解压,找到IFrameDemo\src\IFrame.as 复制到你自己的src里
微信小程序开发中flex布局容器及元素之属性技术释疑.pdf
新建MXML应用, 将文档中的代码全部复制到新建的MXML中( 替换所有内容)。 文档中的注释说明了具体使用方法。
Flex 获取文件MD5值插件,调用格式为: var md5:String=by.blooddy.crypto.MD5.hashBytes(file.data);
flex接收网页参数,flex与js交互,flex调用js,js调用flex
flex实现的如何删除子容器代码,对于实际开发是有很大帮助的
学习Flex.flex源程序,很好的啊。
Flex_布局与容器 部分容器的介绍和例程。