FABridge½Ì³Ì(Flex+Ajax) 2
ʹÓÃjsÀ´²Ù×÷flex
Ê×ÏÈÔÚfademo.mxmlÖÐÉùÃ÷Ò»¸öbutton£¬²¢Ìí¼ÓÒ»¸öbtnClick·½·¨£º
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="0" minHeight="0" width="400" height="300" xmlns:bridge="bridge.*">
<fx:Declarations>
<bridge:FABridge/>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<!--[CDATA[
import mx.controls.Alert;
public function btnClick():void
{
Alert.show("°´Å¥±»µã»÷ÁË","title");
}
]]-->
</fx:Script>
<s:TextInput x="160" y="96" id="txtName"/>
<s:Button x="218" y="139" label="°´Å¥" id="btn"/>
</s:Application>
È»ºó½«Õâ¸ö·½·¨±©Â¶¸øjs¶Ë£¬Ð޸썻òÖØÐÂÉú³É£©fademo.js£¬ÔÚfademoReady£¨£©·½·¨ÖÐÌí¼Ófademo¶Ôbtn°´Å¥¼°btnClick·½·¨µÄµ÷Óãº
function fademoReady() {
b_fademo_root = FABridge["b_fademo"].root();
fademo.getBtn = function () {
return b_fademo_root.getBtn();
};
fademo.getTxtName = function () {
return b_fademo_root.getTxtName();
};
fademo.callBack = function() {
b_fademo_root.callBack();
};
}
ÕâÑùÔÚhtmlÖУ¬ÒòΪÒѾ¶Ôfademo.js×öÁËÒýÓã¬ËùÒԾͿÉÒÔÖ±½ÓʹÓÃж¨ÒåµÄÕâЩ·½·¨ÁË£¬ÐÞ¸Ähtml£º
<head>
<title>Test page for the fademo class</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<mce:script type="text/javascript" src="lib/FABridge.js" mce_src="lib/FABridge.js"></mce:script>
<mce:script type="text/javascript" src="fademo.js" mce_src="fademo.js"></mce:scr
Ïà¹ØÎĵµ£º
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the DateTimeAxis class. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
......
FlexÓëJavascript»¥ÏàͨÐÅ¡£
ÔÚFlexÖÐÓÐÕâôһ¸öÀࣺExternalInterface.ÔÚÕâ¸öÀàÖÐËü¸øÎÒÃÇ£ºcallºÍaddCallback
FlexÖÐAsµ÷ÓÃJsµÄ·½·¨ÊÇ£º
1¡¢µ¼Èë°ü £¨import flash.external.ExternalInterface;£©
2¡¢Ê¹ÓÃExternalInterface.call("Jsº¯ÊýÃû³Æ",²ÎÊý)½øÐе÷Óã¬Æä· ......
ºÜ¶àÈËÔÚʹÓÃAJAXµ÷ÓñðÈËÕ¾µãÄÚÈݵÄʱºò,JS»áÌáʾ"ûÓÐȨÏÞ"´íÎó£¬ÕâÊÇXMLHTTP×é¼þµÄÏÞÖÆ-°²È«Æð¼û
½ûÖ¹·ÃÎÊ·ÇͬÓòµÄÍøÕ¾,ÏÂÃæÒ»¸öÀý×ÓÀ´·ÃÎÊhttp://www.google.cn,
<script type="text/javascript">
function createobj() {
if (window.ActiveXObject) {
&nb ......
±¾½Ì³Ì´´½¨Ê¹Óà ASP.NET µÄ AJAX ¹¦ÄܵĻù±¾Ê¾ÀýÓ¦ÓóÌÐò¡£Äú¿ÉÒÔÁ˽⵽ÓÐ¹Ø ASP.NET µÄ AJAX ¹¦Äܵĸü¶àÐÅÏ¢£¬½«ÖªµÀÕâЩ¹¦ÄÜÖ¼ÔÚ½â¾öÄÄЩ¼¼ÊõÎÊÌ⣬ÒÔ¼°ÒÔϽéÉÜÐÔÎĵµ½«Éæ¼°ÄÄÐ©ÖØÒªµÄ AJAX ×é¼þ£º
·ASP.NET AJAX Overview
·Ìí¼Ó AJAX ºÍ¿Í»§¶Ë¹¦ÄÜ
ÔÚ±¾½Ì³ÌÖУ¬Äú½« ......
1.ÎÒµÄÅäÖû·¾³Îª:
flexBuilder3,LCDS251,MyEclipse 5.5.1
GA+
2.°²×°lcds2.5.1£¬´ò¿ªÄ¿Â¼£¬ÀïÃæÓÐÒ»¸öflex
.war
3.¹Ø±Õtomcat(Èç¹û´ò¿ªÔڵϰ)
4.½«flex
.war¿½ÈëtomcatµÄwebappsĿ¼
5.ÖØÆôtomcat,¿ÉÒÔ¿´µ½webappsÀï¶àÁËÒ»¸öĿ¼flex
£¬Õâ±ãÊÇÎÒÃÇÒªµÄ¶«Î÷
6.¿ÉÒÔ½«flex
.warɾ³ý
7.½«flex
Îļ ......