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

Flex从页面url获取参数

发布时间:2020-12-15 04:57:37 所属栏目:百科 来源:网络整理
导读:关于flex如何向某个页面传递参数,我以前有这方面的笔记,flex通过非AmfPHP途径与后台交 互 中URLLoader+URLRequest+URLVariables方法也可以用于向flex页面传参数。后台php端接收参数很简单,现在讨论一下 flex端如何处理页面url传递过来的参数。 网上这方面

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

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

方法一: flex接收网页传值!~

    
    
  1. <??xml?version?=?"?1.0?"??encoding?=?"?utf-8?"??>?
  2. ?
  3. ?mx:Application?xmlns:mx?=?"?http://www.adobe.com/2006/mxml?"??layout?=?"?absolute?"?
  4. ?
  5. ????applicationComplete?=?"?initApp()?"?>?
  6. ?
  7. ?
  8. ?mx:Label?text?=?
  9. ?
  10. "?Will?run?the?app?deployed?at?http://{serverURL}:{port}/MyGreatApp.html?"???/>?
  11. ?
  12. ?mx:Script?>?
  13. ?
  14. ???<!?[CDATA[?
  15. ?
  16. ??????[Bindable]?
  17. ?
  18. ??????var?serverURL:String;?
  19. ?
  20. ?
  21. ???????[Bindable]?
  22. ?
  23. ???????var?port:String;?
  24. ?
  25. ?
  26. ????????function?initApp():?void??{?
  27. ?
  28. ???????????serverURL?=?Application.application.parameters.serverURL;?
  29. ?
  30. ???????????port?=?Application.application.parameters.port?
  31. ?
  32. ???????}?
  33. ?
  34. ???]]?>?
  35. ?
  36. </?mx:Script?>?
  37. ?
  38. </?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方法

    
    
  1. ??function??getparafromurl()?{?
  2. ?
  3. ????var??url,pos,parastr,para;?
  4. ?
  5. ???url??=??window.location.href;?
  6. ?
  7. ???pos??=??url.indexOf(?"???"?)?
  8. ?
  9. ???parastr??=??url.substring(pos?+?1?);?
  10. ?
  11. ????return??parastr;?
  12. ?
  13. }??

在 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. ?
  3. <?mx:Application?xmlns:mx?=?"?http://www.adobe.com/2006/mxml?"??layout?=?"?absolute?"?
  4. ?
  5. ????creationComplete?=?"?init()?"?>?
  6. ?
  7. <?mx:Script?>?
  8. ?
  9. ?????<!?[CDATA[?
  10. ?
  11. ?????????import??mx.controls.Alert;?
  12. ??
  13. ?
  14. ????????private??var?params:Object;?
  15. ?
  16. ?
  17. ??????????private??function?init():?void????{?
  18. ?
  19. ?????????????btnID.addEventListener(MouseEvent.CLICK,?clickHandler);?
  20. ?
  21. ?????????}?
  22. ?
  23. ?
  24. ??????????private??function?clickHandler(evt:Event):?void????{?
  25. ?
  26. ????????????var?args:Object??=??getParams();?
  27. ?
  28. ??????????????if?(args.name??!=???null???&&??args.address??!=???null?)???{?
  29. ?
  30. ?????????????????dispID.text??=???"?name:?"???+??args.name??+???"?n?"???+???"?address:?"???+??args.address;?
  31. ?
  32. ?????????????}?
  33. ?
  34. ????????}?
  35. ??
  36. ??????????private??function?getParams():Object???{?
  37. ?
  38. ??????????????params??=????{}?;?
  39. ?
  40. ????????????var?query:String??=??ExternalInterface.call(?"?window.location.search.substring?"?,??1?);?
  41. ?
  42. ??????????????if?(query)???{?
  43. ?
  44. ????????????????var?pairs:Array??=??query.split(?"?&?"?);?
  45. ?
  46. ??????????????????for?(var?i:uint?=?0?;?i??<??pairs.length;?i?++?)???{?
  47. ?
  48. ???????????????????var?pos:?int???=??pairs[i].indexOf(?"?=?"?);?
  49. ?
  50. ????????????????????//?Alert.show(String(pos));?
  51. ?
  52. ??????????????????????if?(pos??!=???-?1?)???{?
  53. ?
  54. ????????????????????????var?argname:String??=??pairs[i].substring(?0?,?pos);?
  55. ?
  56. ?????????????????????????var?value:String??=??pairs[i].substring(pos?+?1?);?
  57. ?
  58. ?
  59. ?
  60. ?????????????????????????params[argname]??=??value;?
  61. ?
  62. ?????????????????????}?
  63. ?
  64. ?????????????????}?
  65. ?
  66. ?????????????}?
  67. ??????????????return??params;?
  68. ?
  69. ?????????}?
  70. ?
  71. ?????]]?>?
  72. ?
  73. </?mx:Script?>?
  74. ?
  75. ??????<?mx:Button?id?=?"?btnID?"??y?=?"?118?"??label?=?"?GetParams?"??horizontalCenter?=?"?0?"?/>?
  76. ?
  77. ??????<?mx:TextArea?id?=?"?dispID?"??y?=?"?47?"??width?=?"?200?"??horizontalCenter?=?"?0?"?/>?
  78. ?
  79. </?mx:Application?>??
这个方法的唯一不足在于需要知道传过来的参数的名字。而我作了一些改动,将其16-18行用一个for/in语句代替:
   
   
  1. for?(var?obj:Object?in?args){?
  2. ?
  3. ????dispID.text??+=??obj.toString()?+?'?:?'?+?args[obj.toString()]?+?'?n?'?;?
  4. ?
  5. }?

这其中遇到了object对象的取值问题,参考了: Flex学习--Object&&String

创建Object的方法很简单,你可以使用new操作符定义一个Object,如下所示:

   
   
  1. var?obj:Object?=?new?Object();?
  2. ?
  3. obj.name?=?“flex”;?
  4. ?
  5. 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更简单。你既可以通过 .访问,也可以通过[]访问键值。例如:

   
   
  1. var?myAssocArray:Object?=?{fname:"John",?lname:"Public"};?
  2. ?
  3. trace(myAssocArray.fname);?????//?Output:?John?
  4. ?
  5. trace(myAssocArray["lname"]);?//?Output:?Public?
  6. ?
  7. myAssocArray.initial?=?"Q";?
  8. ?
  9. 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

(编辑:李大同)

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

    推荐文章
      热点阅读