在AJAX 中使用Flex的script函数互调

ahuango

最近在项目中发现用js来增强HTML 元素的显示效果，当数据很大的时候会Block导致浏览器。 尝试用TimedArray来解决发现，浏览器渲染元素的延时 非常大，很难应用。

突然想到可以用Flex的DataGrid来显示数据，因为在HTML中Flash对象仅最为一个对象不会导致原有HTML 中JS 代码的处理死掉。于是在网上搜索Flex/js的互调代码。首先在HTML 中加入Object元素来load swf 文件，如下：
<Object width="100%" height="100%" id="proj_list_flex_ie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0">
   <param name="movie" value="person.swf"/>
   <param name="allowscriptaccess" value="always"/>
   <embed id="proj_list_flex_ff" width="100%" height="100%" src="person.swf" quality="autohigh" wmode="opaque" type="application/x-shockwave-flash" plugspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
   </embed>
</Object>

代码中Object 和embed的ID 设置为不同的值，因为从CSDN一篇博文中看到似乎IE取的是Object，而Firefox认的是Embed元素，因此有如下的代码来获取flash对象：
targetMovie = function(movieName) {if (navigator.appName.indexOf("Microsoft") != -1) {return window[movieName + '_ie'];}else {return document[movieName + '_ff'];}}

例如在flex application的creationComplete事件处理函数中注册了一个方法：
ExternalInterface.addCallback("buildList”，buildList);

那么就可以用
targetMovie('proj_list_flex').buildList();
来调用flex中的方法了。

在Flex中可以通过
ExternalInterface.call('js function name',param0,..);

来调用javascript函数。 这里不需要对javascript函数进行注册等处理。

Reference:
Timed array: http://www.nczonline.net/blog/2009/08/11/timed-array-processing-in-javascript/