为了获取从html传入的URL参数,一般传递的顺序是:html容器—>JavaScript—>ExternalInterface—>ActionScriptjavascript
亲测方法3可用php
关于flex如何向某个页面传递参数,我之前有这方面的笔记,flex经过非AmfPHP途径与后台交互中URLLoader+URLRequest+URLVariables方法也能够用于向flex页面传参数。后台php端接收参数很简单,如今讨论一下flex端如何处理页面url传递过来的参数。
网上这方面文章很多,不过都多少有些问题,我总结一下,写在这里。
方法一:flex接收网页传值!~ html
Code
1<?xml version="1.0" encoding="utf-8"?>
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
3 applicationComplete="initApp()">
4
5<mx:Label text=
6"Will run the app deployed at http://{serverURL}:{port}/MyGreatApp.html" />
7<mx:Script>
8 <![CDATA[
9 [Bindable]
10 var serverURL:String;
11
12 [Bindable]
13 var port:String;
14
15 function initApp():void{
16 serverURL=Application.application.parameters.serverURL;
17 port=Application.application.parameters.port
18 }
19 ]]>
20</mx:Script>
21</mx:Application>java
做者在文章最后写:“外部以test.swf?serverURL=String&port=String 的形式在网页中调用!”
这样作确实没有问题,但平时的flex程序都是以html为容器将swf文件包装了起来。若是用test.html?serverURL=String&port=String的方式传递参数,再用该文章中提供的代码就不能获取参数了。数组
方法二:flex 3 从页面url中取参数取值
这个方法是园子里的人提出的。
当经过http://xxxxx/xxx.mxml?name=hermit或http://xxxxx/xxx.swf?name=hermit时,能够直接调用this.parameters.name在flex里面取url参数。
当经过http://xxxxx/xxx.html?name=hermit时则须要修改js文件才能够继续使用this.parameters.name
页面中加入js方法浏览器
function getparafromurl() {
var url,pos,parastr,para;
url = window.location.href;
pos = url.indexOf("?")
parastr = url.substring(pos+1);
return parastr;
}app
在 AC_FL_RunContent中加入函数
"FlashVars", getparafromurl()post
若是页面是flex builder 经过模板自动生成的
那么须要在index.template.html文件中加入上面的代码.
可是若是但愿js被禁用的时候,flex依然能工做
则须要把……感兴趣的同窗查看原文吧,不太推这种方法。学习
方法三: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函数调用的结果。如:
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代码了^_^)
Code
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>
这个方法的惟一不足在于须要知道传过来的参数的名字。而我做了一些改动,将其16-18行用一个for/in语句代替:
1 for(var obj:Object in args){
2 dispID.text += obj.toString()+':'+args[obj.toString()]+'\n';
3 }
这其中遇到了object对象的取值问题,参考了:Flex学习--Object&&String
建立Object的方法很简单,你可使用new操做符定义一个Object,以下所示:
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";
trace(myAssocArray.initial); // Output: Q
今天碰到要在一个页面获取另一个页面url传过来的参数,一开始很本能的想到了用 split("?")这样一步步的分解出须要的参数。
后来想了一下,确定会有更加简单的方法的!因此在网上找到了两个很又简单实用的方法,mark下
方法一:正则分析法
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; }
这样调用:
alert(GetQueryString("参数名1")); alert(GetQueryString("参数名2")); alert(GetQueryString("参数名3"));
方法二:
<SPAN style=
"FONT-SIZE: 16px"
><Script language=
"javascript"
>
function
GetRequest() {
var
url = location.search;
var
theRequest =
new
Object();
if
(url.indexOf(
"?"
) != -1) {
var
str = url.substr(1);
strs = str.split(
"&"
);
for
(
var
i = 0; i < strs.length; i ++) {
theRequest[strs[i].split(
"="
)[0]]=unescape(strs[i].split(
"="
)[1]);
}
}
return
theRequest;
}
</Script></SPAN>
|
这样调用:
<Script language="javascript"> var Request = new Object(); Request = GetRequest(); var 参数1,参数2,参数3,参数N; 参数1 = Request['参数1']; 参数2 = Request['参数2']; 参数3 = Request['参数3']; 参数N = Request['参数N']; </Script>