Ajax-bridge的使用-优快云博客

本文介绍了一种利用Flex与Ajax实现交互的方法。具体包括：如何通过Flex中的Tree组件选择行政区划，并将选择结果传递给Ajax页面；Ajax页面如何接收这些信息并进一步处理，以及如何从Ajax页面触发Flex中的事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在选择行政区划树的功能上使用了ajax-bridge,Flex部分有个Tree可以选择行政区划，选择完成后要刷新AJAX页面的数据；AJAX页面另有一弹出式JS树组件，收取到FlexTree传来的代码信息后要进行一段加工处理。如何做呢，如下所示：
MXML里：

<fab:FABridge xmlns:fab="js.*" />

AS3函数：
其实很简单，下面这个点选行政区划后的函数，通过ExternalInterface调用了AJAX页面名为changeXZQHTo的js函数，并把currentPlace(代表所选择行政区划代码)的值传给它


public function SelectXZQH():void {			
ExternalInterface.call("changeXZQHTo",currentPlace);
}

在看看AJAX页面，除了引用FABridge.js文件，要写刚才说的changeXZQHTo方法：

<script language="javascript">
function changeXZQHTo(newXzqh)
{
var fm=document.getElementById('iframe_main');
fm.contentWindow.changeXZQHTo(newXzqh);
}  
</script>

fm表示引用ajax页面的iframe，这里调用了ajax子页的changeXZQHTo(newXzqh)JS函数，newXzqh参数来源于flex端的选择值。
以上就完成了Flex端对Ajax的操作，那么Ajax如何操作Flex?
js的changeXZQHTo()函数并没涉及这个内容，看看关闭Ajax页的closeWindow函数

function closeWindow()
{
 parent.FABridge.flash.root().onWindowClose();
}

其中的onWindowClose()函数对应我们AS3函数

public function onWindowClose():void
{
 //关闭Ajax页面框架的处理	
}

非常明了了吧！