Flex与Ajax交互
Flex与Ajax交互
三峡大学土木水电学院肖泽云
Flex与Ajax都是开发AIR非常好的技术，它们各有优缺点。Flex更简单，效果更加酷！但是在功能开发等方面不及Ajax成熟。最理想的就是全部用Flex来开发实现，但这只是一种理想状态，很多时候我们还是要用到Ajax。我们经常需要将嵌入到 Ajax 应用程序中的基于 Flash 的资源集成在一起。FABridge（Adobe Flex Ajax Bridge）是由 Adobe 开发的代码库，用于Flex与Ajax之间的交互，意味着连接Flex与Ajax的桥梁。本文将介绍如何使用 FABridge 将 Flash 内容与现有 Ajax 内容集成在一起。
1、FABridge库文件
FABridge库包含两个文件：FABridge.as和FABridge.js。
一般情况，如果用户安装了Flex Builder，则在安装路径下的\sdks\3.1.0\frameworks\javascript\fabridge\src\bridge路径下，如C:\Program Files\Adobe\Flex Builder 3\sdks\3.1.0\frameworks\javascript\fabridge\src\bridge，如下图所示：
如果用户没有这两个文件，可以参考附录，将代码复制到文本中，然后保存为FABridge.as文件和FABridge.js文件。
2、新建一个Flex项目，项目名称为FlexAjax，如下图所示：
3、新建一个文件夹，其名称为bridge，并把文件FABridge.as复制到该文件夹中，如下图所示：
4、新建一个文本，其内容如下：
<html>
<head>
<title>Flex与Ajax交互</title>
<script type="text/javascript" src="bridge/FABridge.js"></script>
<script type="text/javascript">
// ...
</script>
</head>
<body>
</body>
</html>
把该文本文件名称及后缀改为index.html，并保存至项目的bin-debug文件夹内。同时将FABridge.js文件保存至bin-debug\bridge文件夹内，如下图所示：
5、在FlexAjax.mxml文件的名称空间内引用前面复制的FABridge.as文件，代码如下：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:bridge="bridge.*" layout="absolute">
<bridge:FABridge bridgeName="flex" />
<mx:TextInput id="txt_test" fontSize="12" x="10" y="10" text="Flex与Ajax交互例子！"/>
</mx:Application>
编译FlexAjax.mxml文件，它将在项目的bin-debug文件夹内生成一个
相关文档：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript&quo ......
AjaxSuggest.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxSuggest.aspx.cs" Inherits="AjaxSuggest" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/199 ......
VS2005中ajax安装指南
以下是收集关于AjaxControlToolkit安装的一篇文章，感谢原作者
AjaxControlToolkit下载http://ajax.asp.net/downloads/default.aspx?tabid=47
http://www.codeplex.com/AtlasControlToolkit/Release/ProjectReleases.aspx?ReleaseId=1425
环境设置如下：
下载完
ASPAJAXExtSetup.msi � ......
为了让各为能够了解什么是AJAX，以下是一个AJAX的手工范例（即不引用任何的Library或AJAX
framework），此范例颇为精要易懂，其作用主要是透过Client 端的Browser来即时监控Web 服务器资源或效能变化，各位只要做过
一遍范例就能够了解AJAX在网页开发上是多么具有威力了。
先来看看效果图：
本范例是一个简单的A ......
AJAX(Asynchronous JavaScript and XML):基于XML的异步JavaScript，简称AJAX,是多种技术的综合.
一种客户端技术 ,为互联网用户提供更加友善的交互界面,更加流畅的用户体验.也就是所谓的胖客户端,使网页的效果能够像安装在计算机上的应用软件或系统一样友好华丽.
它由如下四种技术组成:CSS + DOM + XMLHttpRe ......
