2014年AJAX一第1章 ajax概述.pptVIP

ＤＥＭＯ 用AJAXPRO实现三级联动 总结 1.什么是AJAX 2. XmlHttpRequest是什么 3.用AJAXPRO组件,执行需要分几步 作业 使用AjaxPro.2.dll作一个用户注册页面,当焦点离开文本框时,提示本用户是否存在 HandsOn 第1章 ajax概述 目标 什么是AJAX AJAX的发展现状 传统的ASP.NET网页与AJAX技术 使用JAVASCRIPT发出异步请求 使用ＡＪＡＸ进行页面注册验证的演示 使用AJAXPro.2.DLL组件 什么是AJAX Ajax(Asynchronous JavaScript and Xml)不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。Ajax包括： .使用XHTML+CSS来表示信息 .使用JavaScript操作DOM（Document Object Model）进行动态显示及交互 .使用XML和XSLT进行数据交换及相关操作 .使用XMLHttpRequest对象与Web服务器进行异步数据交换 .使用JavaScript将所有的东西绑定在一起 .使用SOAP以XML的格式来传送方法名和方法参数 AJAX的核心 Ajax的核心是 JavaScript 对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 对象创建示例：script type=text/javascriptvar xmlHttp = new XMLHttpRequest();/script AJAX的发展现状 目前Ajax已经成为了Web应用的主流开发技术，大量的业界巨头已经采纳并且在大力推动这个技术的发展。最近的动态包括： 1. IBM、Oracle、Yahoo!、BEA、RedHat、Novell等页界领先的公司启动了Open Ajax项目。致力于为Ajax开发建造先进强大的的开发工具。IBM在2月底已经发布了Open Ajax项目的Ajax Toolkit Framework（ATF）1.0，是一个基于Eclipse IDE的Ajax开发工具。 2. 微软开发了自己的Ajax框架Altas，不过主要是和服务器端他们自己的ASP.NET框架配合工作。 3. Sun虽然行动迟缓，但是也将Ajax技术列入了J2EE的blueprint（蓝图）中，作为J2EE技术的有益的补充。 AJAX的发展现状 除了上述这些公司之外，Google 公司不可不提，因为正是他们率先采用Ajax技术建造出了一大堆非常出色的应用，才将Ajax技术引到了聚光灯下。Google公司建造的Ajax应用包括Google Maps、GMail、Google Suggest等等，其中公认最优秀最复杂的Ajax应用是Google Maps。由于完全基于Ajax技术来建造Google Maps的界面，Google Maps提供了远远超越其竞争对手的地图服务的交互体验。如果说Google后台的地图技术并不存在巨大优势的话，那么Ajax技术和优秀的交互设计成为了他们压倒竞争对手的最后一根稻草。最终使得Google Maps脱颖而出，获得了用户的青睐。 AJAX的发展现状 我们可以对比一下微软前后的两个地图服务就可以看出差别。 微软公司所提供的旧的地图服务：。是传统Web应用的代表，性能很差而且极其难用。微软公司所推出了新的地图服务：/。新的地图服务包括这个网站上的很多其他服务完全基于Ajax技术来建造，获得了极好的可用性。这个地图可以看作是在Google推出了Google Maps服务之后，微软公司痛定思痛的产物，在很多地方模仿了Google Maps。Ajax的典型应用除了Google Maps，还有微软的Windows Live、Yahoo!的Flickr等等。此外国内新浪的blog也使用了一些Ajax的技术。 AJAX的特点 与传统的Web 开发不同，Ajax并不是以一种基于静态页面的方式来看待Web应用的。从Ajax的角度看来，Web应用仅由少量的页面组成，其中每个页面其实是一个更小型的Ajax应用。而一些简单的Ajax应用，例如一个简单的RSS阅读器，甚至只有一个页面。每个页面上面都包括有一些使用JavaScript开发的Ajax组件。这些组件使用XMLHttpRequest对象以异步的方式与服务器通信，从服务器获取需要的数据后使用DOM API来更新页面中的一