flex与JS交互

Flex 与 JavaScript 交互，主要依靠Flex的ExternalInterface，其提供了addCallBack和call方法.

下面的例子将演示Flex调用javascript，和javascript调用Flex

js 代码

1. function hello(param) {  
2.     alert(param);  
3.     return "jsp Hello:" + param;  
4. }  
5.  
6. function callFlexFunction() {  
7.     var x = document.getElementById("flexObject").flexHelloWorld("Hello", "world");  
8.     alert(x);  
9. } 

Flex 代码

1. <?xml version="1.0" encoding="utf-8"?> 
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
3.     initialize="initApp()"> 
4.       
5.     <mx:Script> 
6.         <![CDATA  
7.             import mx.controls.Alert;  
8.           
9.             public function flexHelloWorld(param1:String, param2:String):String {  
10.                 Alert.show("param1: " + param1 + "; param2:" + param2);  
11.                 return "Hello " + param1 + param2;  
12.             }  
13.               
14.             public function initApp():void {  
15.                 ExternalInterface.addCallback("flexHelloWorld", flexHelloWorld);  
16.             }  
17.               
18.             public function jspHello():void {  
19.                 var s:String = ExternalInterface.call("hello", "Flex");  
20.                 Alert.show(s);  
21.             }  
22.               
23.         ]]> 
24.     </mx:Script> 
25.       
26.     <mx:Button x="52" y="58" label="call javascript" click="jspHello()"/> 
27.       
28. </mx:Application>