Flex 与 javascript 交互

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>