Flex与JS交互：调用与响应

"本文主要探讨了Flex与JavaScript之间的相互调用技术，通过示例代码展示了如何在Flex应用中调用JavaScript函数以及JavaScript如何调用Flex中的方法。" 在Web开发中，Flex作为富互联网应用程序（RIA）的开发框架，有时需要与JavaScript进行交互，以便实现更灵活的功能整合和页面控制。在Flex与JavaScript之间进行相互调用通常依赖于Adobe提供的`ExternalInterface` API。`ExternalInterface`使得ActionScript（Flex的基础语言）能够调用JavaScript函数，同时JavaScript也能调用Flex应用中的公开方法。 1. Flex调用JavaScript： - 使用`ExternalInterface.addCallback`方法注册一个ActionScript函数，使其可供JavaScript调用。例如，在Flex的`initApp`函数中，注册名为`callFlex`的函数，实际调用的是`jsCallFlex`函数。 ```actionscript ExternalInterface.addCallback("callFlex", jsCallFlex); ``` 这样，JavaScript可以通过`callFlex`名称来调用Flex的`jsCallFlex`函数。 2. JavaScript调用Flex： - 当需要从JavaScript调用Flex函数时，可以使用`ExternalInterface.call`方法。例如，Flex中的`callJavaScript`函数调用了JavaScript的`sayHelloWorld`函数，并传入参数`"params"`。 ```actionscript ExternalInterface.call("sayHelloWorld", "params"); ``` 3. 示例代码解析： - `Flex2js.mxml`文件中的ActionScript代码定义了一个名为`jsCallFlex`的公共函数，当JavaScript调用`callFlex`时，这个函数会被执行，更新按钮的标签为"jscallflexsuccessful!"。 ```actionscript public function jsCallFlex():void { button.label = "jscallflexsuccessful!"; } ``` - 同时，有一个按钮，当点击时会调用`callJavaScript`函数，从而触发JavaScript的`sayHelloWorld`函数。 通过这样的互调机制，开发者可以在Flex应用中利用JavaScript处理与DOM相关的任务，如改变HTML元素的样式，或者在JavaScript中利用Flex的强大图形渲染能力。这种交互方式大大增强了Web应用的交互性和功能多样性。