Flash/Flex获取外部参数
我们经常在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);
- 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>
Part Two:Flex程序如何获取html容器传递的URL参数值
在前面的一篇文章中我们讨论了利用Flex中的ExternalInterface类向swf传递参数。今天我们来谈谈另外一种更简捷的方法!
这次的方法是利用 SWFObject,SWFObject一个开源的JS模块,专门用来在HTML中嵌入Flash(*.swf)文件,利用该模块,使得插入Flash文件更加便捷、安全;并且使用SWFObject能自动检测各主流浏览器对Flash插件的支持并能作相应的处理。
目前SWFObject最新版为2.0,关于SWFObject的一些资源见下面:
官方站点
http://blog.deconcept.com/swfobject/
在google code的地址,这里有SWFObject 2.0的JS包及相关自动代码生成器的下载
http://code.google.com/p/swfobject/
SWFObject 2.0 官方文档(英文)
http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation
SWFObject 2.0 官方文档(中文翻译)
http://farthinker.cn/2007/12/27/swfobject-2_0-doc-translation/
SWFObject 的使用非常简单,相信大家看了上面的文档就很清楚了,下面结合实例,谈谈利用SWFObject来获取URL参数值的做法。
我们的做法是,利用SWFObject的HTML容器代码自动产生器产生嵌入模板代码,点此处下载,注意在代码生成器中我们选定Publishing method(发布方式)为 Dynamic publishing(动态发布),编码设定为utf-8,关于静态发布与动态发布的详细介绍见官方文档。SWFObject 2.0 为开发人员提供了一些非常有用的函数,例如,我们要想获取*.html?name=JexChan&address=ChengDu这样的参数,就可以使用swfobject的getQueryParamValue函数,此函数可以直接获取以前面形式出现的get方式提交的参数值对,获取到参数值后赋给flashvars变量,最后再作为embedSWF方法的参数传递给相应的SWF文件。
包含SWF文件HTML容器代码如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
- <head>
- <title></title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script type="text/javascript" src="swfobject.js"></script>
- <script type="text/javascript">
- var flashvars = {};
- //获取URL参数对值,并赋给flashvars变量
- if (swfobject.getQueryParamValue("name") && swfobject.getQueryParamValue("address")) {
- flashvars.name = swfobject.getQueryParamValue("name");
- flashvars.address= swfobject.getQueryParamValue("address");
- }
- var params = {};
- var attributes = {};
- attributes.id = "myContent";
- //将嵌入的SWF文件写入对应id的div中去,并向SWF文件传入相应的参数
- swfobject.embedSWF("GetParamSWFObj.swf", "myAlternativeContent", "1000", "500", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
- </script>
- </head>
- <body>
- <div id="myAlternativeContent">
- <a href="http://www.adobe.com/go/getflashplayer">
- <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
- </a>
- </div>
- </body>
- </html>
通过SWFObject将SWF文件嵌入了HTML文件,那怎样在SWF文件中获取传过来的参数呢?在ActionScript3.0中,需要使用到LoaderInfo类,LoaderInfo类提供了被载入的SWF文件或其它图像文件(JPEG, GIF, 或 PNG)的相关信息。
要访问LoaderInfo对象有两种途径,如下图所示:
通过flash.display.Loader对象contentLoaderInfo属性来访问
通过显示对象(display object)的loaderInfo属性来访问
我们这里的SWF文件要想获取传递进来的参数,使用的是第二个途径,即显示对象的loaderInfo 属性来访问,这里的显示对象指根对象,可以使用stage,也可以使用root,它们在这里指向是同一个Stage(舞台),loaderInfo的parameters属性则包含了由外部向SWF传递进来的参数值对,它返回的值类型为Object。
我们这里仅使用了Flex生成出的SWF文件,而未使用Flex自动产生的HTML模板容器。
在Flex端的代码如下:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
- <mx:Script>
- <![CDATA[
- private function clickHandler(evt:Event):void {
- //获取外部传给SWF文件的参数值对
- var obj:Object = stage.loaderInfo.parameters;
- if(obj.name != null && obj.address != null) {
- txtArea.text = "name: " + obj.name + "\n"
- + "address: " + obj.address;
- }
- }
- ]]>
- </mx:Script>
- <mx:Button y="96" label="GetParams" horizontalCenter="0"
- click="clickHandler(event)"/>
- <mx:TextArea y="34" horizontalCenter="0" id="txtArea"/>
- </mx:Application>
Flash/Flex获取外部参数的更多相关文章
- FLEX接收外部参数 .
FLEX参数传递与FLASH有点不同 login..swf?name=aa&password=bb Flex上是这样接收参数的 myname=mx.core.Application.appli ...
- 【python 2.7】获取外部参数
import sys res_0 = sys.argv[0] res_1 = sys.argv[1] res_2 = sys.argv[2] print res_0 print res_1 print ...
- Swift语言中为外部参数设置默认值可变参数常量参数变量参数输入输出参数
Swift语言中为外部参数设置默认值可变参数常量参数变量参数输入输出参数 7.4.4 为外部参数设置默认值 开发者也可以对外部参数设置默认值.这时,调用的时候,也可以省略参数传递本文选自Swift1 ...
- .net c#通过Exif获取图片信息(参数)
简介 想要获取图片的信息,例如快门速度.ISO值等等,我们可以通过读取Exif中存储的信息.Exif(Exchangeable Image File)是存储在JPEG格式照片头部的一段信息,相机和手机 ...
- 13 获取外部数据库 以及数据库游标适配器(SimpleCursorAdapter)
获取外部数据库 API SQLiteDatabase db = SQLiteDatabase.openDatabase(path, factory, flags); 参数详解: path:数据库路径 ...
- DedeCMS使用channelartlist循环,不能获取外部链接的解决办法
Dede在制作下拉菜单时,可以使用channelartlist循环调用顶级栏目和子栏目,但该标签不能获取外部链接, 下拉菜单时一段代码搞定多个顶级栏目和子级栏目的同时输出. <div> ...
- vue-router2.0 组件之间传参及获取动态参数
<li v-for=" el in hotLins" > <router-link :to="{path:'details',query: {id:el ...
- asp.net 正则获取url参数
现在有一种场景:Url是数据库里面的,里面带有很多参数,如何获取具体参数的值呢? var uri = new Uri(pageUrl); var queryString = uri.Query; va ...
- 【转】javascript浏览器参数的操作,js获取浏览器参数
原文地址:http://www.haorooms.com/post/js_url_canshu html5修改浏览器地址:http://www.cnblogs.com/JiangXiaoTian/ar ...
随机推荐
- 记我的小网站发现的Bug之一 —— 某用户签到了两次
1.故事背景 今天上午我忙完手中的事情之后突然想起来我还没签到,于是赶紧打开签到页面,刚点击了签到按钮,提示"签到成功,获得25阅读额度!",正准备退出浏览器,忽然发现签到列表有异 ...
- Verilog学习笔记基本语法篇(八)········ 结构说明语句
Verilog中的任何过程都可以属于以下四种结构的说明语句; 1) initial; 2) always; 3) task; 4) function; 1) initial说明语句: 一个程序 ...
- PAT Basic 1029
1029 旧键盘 旧键盘上坏了几个键,于是在敲一段文字的时候,对应的字符就不会出现.现在给出应该输入的一段文字.以及实际被输入的文字,请你列出肯定坏掉的那些键. 输入格式: 输入在2行中分别给出应该输 ...
- lnmp环境的使用
lnmp环境的使用 安装的软件都安装到了:/usr/local 管理nginx service nginx start|stop|restart|reload 管理mysql 直接执行mysql即可登 ...
- 2016-2017 ACM-ICPC Pacific Northwest Regional Contest (Div. 1) Problem K Tournament Wins
Problem K — limit 1 second Tournament Wins 这个题就是有2^n队伍,他现在的实力水平是第k位,采用的是淘汰制 问一下你他的胜场数的期望 这人能 win> ...
- NYOJ-78 圈水池,凸包裸模板!
圈水池 时间限制:3000 ms | 内存限制:65535 KB 难度:4 刚做完HDU1392,就看到这个题,嗯,原代码改改就过了. 题意不多说了,会凸包的话很简单,不会也不难,这道题时限是4s ...
- 九度oj 题目1114:神奇的口袋
题目描述: 有一个神奇的口袋,总的容积是40,用这个口袋可以变出一些物品,这些物品的总体积必须是40.John现在有n个想要得到的物品,每个物品的体积分别是a1,a2……an.John可以从这些物品中 ...
- JS 调用存储过程传递参数
引用 #region 程序集 Newtonsoft.Json.dll, v4.5.0.0 // E:\Newtonsoft.Json.dll #endregion public DataTable R ...
- lvs+keepalive主从和主主架构
下面配置主从 1)关闭SELinux和防火墙 vi /etc/sysconfig/selinux SELINUX=disabled setenforce 临时关闭SELinux,文件配置后,重启生效 ...
- Linux(13):期中架构(5)--- 前端部分:keepalived高可用 & HTTPS & iptables防火墙
keepalived 高可用集群 1. keepalived服务概念说明 # 1.1 keepalived软件的作用? Keepalived软件起初是专为LVS负载均衡软件设计的, 用来管理并监控LV ...