`
nianshi
  • 浏览: 420766 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

[Flex]从页面获取url参数

    博客分类:
  • Flex
阅读更多

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


 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=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;
 }

在 AC_FL_RunContent中加入

" FlashVars " , getparafromurl()

如果页面是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代码了^_^)


 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

参考资料:
flex接收网页传值!~
flex 3 从页面url中取参数取值的完美解决方案
flex程序如何获取html容器传递的URL参数值
Flex学习--Object&&String

分享到:
评论

相关推荐

    flex获得html容器传递的url参数值

    在Flex中,我们可以通过`ExternalInterface.call()`方法调用JavaScript函数,然后让JavaScript处理获取URL参数的任务。 在JavaScript中,我们可以利用`window`对象和`location`对象来获取URL参数。`window.location...

    Flex通过URL获取参数

    3. **页面跳转携带数据**:在不使用表单提交的情况下,通过URL参数传递数据至目标页面,简化页面交互。 ### 总结 通过URL获取参数是Flex应用中一个实用且基础的功能。掌握这一技术,不仅可以提升Web应用的用户体验...

    Flex程序如何获取html容器传递的URL参数值

    然而,Flex程序如何从HTML容器中获取URL参数值,成为了一个重要的技术知识点。 ### Flex程序与HTML容器间的URL参数传递 在Flex程序中,获取HTML容器传递的URL参数值,通常涉及到三个关键步骤:从HTML中获取URL参数...

    Flex程序如何获取html容器传递的URL参数值(转)

    以下是一段示例代码,展示了如何在Flex应用中获取URL参数: ```actionscript import flash.external.ExternalInterface; var urlParams:Object = ExternalInterface.call("function getUrlVars() { var vars = {};...

    Flex获得URL参数值.doc

    总的来说,通过理解Flex与JavaScript之间的交互机制,以及如何利用`ExternalInterface`类,我们可以轻松地从HTML容器中获取URL参数,并在Flex应用程序中使用它们。这在实现动态交互和数据传递时非常有用,特别是在...

    Flex 4 接收外部参数(1)

    在 Flex 4 中,我们可以从不同来源接收外部参数,如启动参数、URL 参数或通过 XML 配置文件。这些参数可以用来初始化应用状态、设置默认值或根据用户需求动态调整界面。 1. **启动参数**:当应用程序被启动时,可以...

    flex3 接受外部参数

    当Flex应用被嵌入在HTML页面中时,可以使用`swfobject`库来加载SWF文件,并在URL中附带参数。例如,你可以通过`&lt;param name="flashvars" value="param1=value1&param2=value2"&gt;`来传递参数。在Flex应用内部,这些...

    Flex如何让前台链接后并访问数据库

    在Flex中,你可以这样调用后台服务获取员工列表: ```actionscript var employeeService:ProxyService = new ProxyService(); employeeService.url = "http://yourserver.com/employeeService"; employeeService....

    Flex 编程技巧

    如果需要在Flex应用程序中刷新浏览器页面,可以使用navigateToURL函数,并将第一个参数设置为新的URLRequest对象,其URL为"javascript:location.reload();", 第二个参数设置为"_self",这样就在当前浏览器窗口中执行...

    java与flex通信

    首先,你需要从Adobe开源项目页面下载BlazeDS的发布构建(Release Builds),通常是一个名为`blazeds.war`的文件。然后,解压缩这个WAR包,将其中的库文件(lib)和配置文件移动到你的Java Web工程中。在Eclipse中...

    路由技术解决页面跳转问题

    以我们公司现在这个项目为例,前台是由FLEX实现,整个系统可能只有几个application组成,所有的功能点均由module实现,而Module本身无法实现各module之间的跳转,只能通过application实现对各个module的动态加载来...

    Flex get QueryString

    首先,它通过`ExternalInterface.call()`调用来获取当前页面的完整URL和查询字符串。然后,如果查询字符串存在,它将被拆分为多个参数对,并进一步拆分为键和值。最后,这些键值对被存储在`_params`对象中,便于后续...

    flex组态软件安装配置文档

    1. 访问上述URL后,用户可以在Web页面上看到Flex组态软件的界面,通过拖放组件,设置属性,实现远程监控和控制功能。 2. Flex组态软件的Web特性使得用户可以通过任何支持Web浏览器的设备,如PC、平板电脑或智能手机...

    使用Flex调用webService开发一个天气预报服务

    生成的`weather.swf`文件可以嵌入到HTML页面中或者直接在Flex模拟器中运行。用户输入城市名后,点击查询按钮,即可获取并显示该城市的天气预报。 总结: 通过Flex调用Web Service开发天气预报服务,我们可以利用...

    将 Flex 集成到 Java EE 应用程序的最佳实践(完整源代码)

    因此,需要一个 FactoryInstance 的实现类,我们编写一个 SpringFactoryInstance,以便从 Spring 的容器中查找 FlexService: 清单 9. SpringFactoryInstance class class SpringFactoryInstance extends ...

    flexpaper Flex中显示PDF功能

    2. `Default.aspx`:这是ASP.NET网站的默认页面,很可能包含了PDFViewer控件的实例,并且设置了相应的配置参数。 3. `Web.config`:这是ASP.NET应用程序的配置文件,可能包含了数据库连接字符串、应用程序设置和其他...

    FLEX通过JSP与数据库交互

    - 删除操作时,根据`dg_selectedID`参数从`user`表中删除对应记录。 - 最终返回XML格式的数据给HTTPService。 #### 五、配置与部署 - **Tomcat配置**: - 将JSP页面部署到Tomcat的webapps目录下。 - 配置Tomcat...

    +Flex+集成到+Java+EE+应用程序的最佳实践(完整源代码)

    通过 RemoteObject 进行调用虽然简单,但存在不少问题:首先,RemoteObject 是一个 Dynamic Class,Flex Builder 的编译器无法替我们检查参数类型和参数个数,这样,在编写 ActionScript 代码时极易出错。...

    flex 调用新浪微博接口类库整理

    在Flex中,这通常涉及跳转到新浪的授权页面,用户同意后返回一个授权码,然后用这个码换取访问令牌。 2. **访问令牌(Access Token)**:一旦获得,就可以用它来代表用户执行各种API请求,而无需再次授权。访问令牌...

    html嵌入flex swf

    这个文件可以从 Adobe 的官方网站或第三方CDN获取。例如: ```html &lt;script src="path/to/swfobject.js" type="text/javascript"&gt;&lt;/script&gt; ``` 2. **准备容器**: 在 HTML 中预留一个占位符元素,通常是 `div`...

Global site tag (gtag.js) - Google Analytics