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文件夹内生成一个
相关文档:
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 ......
Struts2是java在web开发中常用的框架之一,今天小编整理了一下资料,谈谈Struts2的Ajax支持。Struts2的Ajax支持是建立在Dojo和DWR基础之上的,这两个框架都提供了非常成熟的Ajax支持,包括非常优秀的页面控件和简单的DOM操作。其中Dojo提供了丰富的组件库和页面效果,而且提供了大量的函数来简化Ajax过程。DWR(Direct Web R ......
php代码:
<?php
$arr = array(1, '刘天才', 22);\
echo json_encode($arr);die();
?>
js:
<script type="text/javascript">
function returnObj( info )
{
var string = info.responseText;
var array = eval( ......
到软件公司学IT技术http://www.tsp2c.cn/
Ajax 应该不是一项技术,是一种思想而已,跟 ASP.NET 以及其它 Web 开发语言没有什么太大关系,这里只是谈谈 ASP.NET 中目前使用的 Ajax 技术以及其它一些实现 Ajax 的优秀框架。
Ajax 已经很流行一阵子了,现在谈 Ajax 觉得有点老土。目前所谓的 Web2.0 网站,基本上没有不 ......
<mce:script language=javascript><!--
//注册命名空间
Type.registerNamespace("Demo");
Demo.Message=function(content,publishTime)
{
this._content = content;
this._publishTime = publishTime;
}
Dem ......