1ax技术介绍 Characteristic Customized System 复旦太平洋金融05软工设计开发 2008 農歷戊子年
Characteristic Customized System ——复旦太平洋金融05软工 设计开发
Ajax的诞生 LOGO ☆2005年2月, Adaptive Path公司的 Jesse James Garret在网上发表 了一篇名为《Ajax:一种Web应用程序开发的新方法》 Google Suggest和 Google Maps就是这种新型Web应用程序的两 个例子,在 Adaptive Path公司,我们将这种理念称为Ajax。这就是 Asynchronous(异步) JavaScript XML的简写,它预示着Web可 能将发生一次根本性的变革。 o可 2 www.nordridesign.com
LOGO www.nordridesign.com ☆ 2005年2月，Adaptive Path公司的Jesse James Garrett在网上发表 了一篇名为《Ajax：一种Web应用程序开发的新方法》 ——Google Suggest和Google Maps就是这种新型Web应用程序的两 个例子，在Adaptive Path公司，我们将这种理念称为Ajax。这就是 Asynchronous（异步）JavaScript + XML的简写，它预示着Web可 能将发生一次根本性的变革。 2 Ajax的诞生
两个例子 LOGO ☆ Google Suggest:搜索词条提示功能 在搜索框里输入关键词(中英文皆可)的时候,会以下拉菜单的形 式岀现关键词扩展提示,词条是按照关键词的流行程度进行排序的。 flash games 141.000,000 results flashget 11.600. 000 results flash player download 106,000000 results flash player 385.000000 results flash game 120,000000resu|t flash earth 48 400.000 results flash tutorials 64.600,000 results flash flash revolution 6,730,000resu|ts ☆ Google Map: 3 www.nordridesign.com
LOGO www.nordridesign.com ☆ Google Suggest：搜索词条提示功能 在搜索框里输入关键词（中英文皆可）的时候，会以下拉菜单的形 式出现关键词扩展提示，词条是按照关键词的流行程度进行排序的。 两个例子 3 ☆ Google Map：
Ajax技术 LOGO Asynchronous JavaScript and XML 一异步 JavaScript-与XML ☆它不是一种单独的技术,实际上它是几种技术的结合使用。每种技术 本身都有其独特之处,把它们结合在一起就成为了一个功能强大的 “新技术”—Ajax ☆Aax特点 1.基于标准的表示技术,使用 XHTML与CSS 2.动态显示和交互技术,使用 Document Object Model(文档对象模型 3.数据互换和操作技术,使用XML与XSLT 4.异步数据获取技术,使用 XmlhTtpreqUes 5而 Java Script将以上的一切都结合在一起 www.nordridesign.com
LOGO 4 www.nordridesign.com Ajax 技术 ——Asynchronous JavaScript and XML ——异步JavaScript与XML ☆它不是一种单独的技术，实际上它是几种技术的结合使用。每种技术 本身都有其独特之处，把它们结合在一起就成为了一个功能强大的 “新技术”——Ajax ☆Ajax特点： ⒈ 基于标准的表示技术，使用XHTML与CSS ⒉ 动态显示和交互技术，使用Document Object Model(文档对象模型) ⒊ 数据互换和操作技术，使用XML与XSLT ⒋ 异步数据获取技术，使用XMLHttpRequest ⒌ 而JavaScript 将以上的一切都结合在一起
传统Web应用模型 VS Ajax模型 LOGO 客户端浏览器 客户端浏览器 用户界面 用户界面 Java Script call HTML+CSS data Http request Transport HTML+CSS data Ajax引擎 Http request Transport Xml data Web服务器 Web和/或XML服务器 数据存储,支持 数据存储,支持 处理,遗留系统 处理,遗留系统 服务器端系统 服务器端系统 传统的Web应用模型 Ajax Web应用模型 www.nordridesign.com
LOGO www.nordridesign.com 传统Web应用模型 VS Ajax模型 5