Flex从页面url获取参数

关于flex如何向某个页面传递参数，我以前有这方面的笔记，flex通过非AmfPHP途径与后台交 互 中URLLoader+URLRequest+URLVariables方法也可以用于向flex页面传参数。后台php端接收参数很简单，现在讨论一下 flex端如何处理页面url传递过来的参数。

网上这方面文章不少，不过都多少有些问题，我总结一下，写在这里。

方法一： flex接收网页传值！~

    
    
<? xml version = " 1.0 "  encoding = " utf-8 " ?> 
 
 mx:Application xmlns:mx = " http://www.adobe.com/2006/mxml "  layout = " absolute " 
 
    applicationComplete = " initApp() " > 
 
 
 mx:Label text = 
 
" Will run the app deployed at http://{serverURL}:{port}/MyGreatApp.html "   /> 
 
 mx:Script > 
 
   <! [CDATA[ 
 
      [Bindable] 
 
      var serverURL:String; 
 
 
       [Bindable] 
 
       var port:String; 
 
 
        function initApp(): void  { 
 
           serverURL = Application.application.parameters.serverURL; 
 
           port = Application.application.parameters.port 
 
       } 
 
   ]] > 
 
</ mx:Script > 
 
</ mx:Application >  

作者在文章最后写：“外部以test.swf?serverURL=String&port=String 的形式在网页中调用！”

这样做确实没有问题，但平时的flex程序都是以html为容器将swf文件包装了起来。如果用test.html?serverURL=String& amp;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代码了^_^）
 

    
    
 <? 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 >  

这个方法的唯一不足在于需要知道传过来的参数的名字。而我作了一些改动，将其16-18行用一个for/in语句代替：

   
   
for (var obj:Object in args){ 
 
    dispID.text  +=  obj.toString() + ' : ' + args[obj.toString()] + ' \n ' ; 
 
} 

这其中遇到了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 

 

1. window.location.href.toString  //得到URL的完整文本  
   
2. window.location.search.substring　　//得到问号后面部分的URL文本 
   

From:

http://www.ebibi.com/i/experience/2011/0407/3732.html