加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex从页面url获取参数 flex与html交互1

发布时间:2020-12-15 03:33:00 所属栏目:百科 来源:网络整理
导读:? 为了获取从html传入的URL参数,通常传递的顺序是: html容器—JavaScript—ExternalInterface—ActionScript ? 亲测方法3可用 ? 关于 flex 如何向某个页面传递参数,我以前有这方面的笔记, flex 通过非 AmfPHP 途径与后台交互 中 URLLoader+URLRequest+UR

?

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

?

亲测方法3可用

?

关于flex如何向某个页面传递参数,我以前有这方面的笔记,flex通过非AmfPHP途径与后台交互URLLoader+URLRequest+URLVariables方法也可以用于向flex页面传参数。后台php端接收参数很简单,现在讨论一下flex端如何处理页面url传递过来的参数。
网上这方面文章不少,不过都多少有些问题,我总结一下,写在这里。
方法一:flex接收网页传值!~

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>

作者在文章最后写:外部以test.swf?serverURL=String&port=String 的形式在网页中调用!
这样做确实没有问题,但平时的flex程序都是以html为容器将swf文件包装了起来。如果用test.html?serverURL=String&port=String的方式传递参数,再用该文章中提供的代码就不能获取参数了。

?

?


方法二:flex 3 从页面url中取参数取值
这个方法是园子里的人提出的。
当通过http://xxxxx/xxx.mxml?name=hermithttp://xxxxx/xxx.swf?name=hermit时,可以直接调用this.parameters.nameflex里面取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;
?}

?AC_FL_RunContent中加入

"FlashVars",?getparafromurl()

如果页面是flex builder 通过模板自动生成的
那么需要在index.template.html文件中加入上面的代码.
但是如果希望js被禁用的时候,flex依然能工作
则需要把……感兴趣的同学查看原文吧,不太推这种方法。

?

?


方法三:flex程序如何获取html容器传递的URL参数值
本方法比较成熟了,把原理讲的也很清楚。

我们经常在Flex程序需要用从外部htmlswf文件传递参数,(类似 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类通常作为ActionScriptJavaScript进行通信的桥梁。

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

具体实现:
Flex中,通过调用ExternalInterfacecall方法,参数为要调用的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,它有两个属性nameversion。当然,我们也可以通过赋初值的方式直接定义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

?

?

?

?


js获取url参数值

今天碰到要在一个页面获取另外一个页面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; //获取url中"?"符后的字串
??? 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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读