文档介绍：北京传智播客教育 itcast
AJAX
讲师：冯威
北京传智播客教育 itcast
AJAX简介
术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。
在Ajax之前，Web站点强制用户进入提交/等待/重新显示范例，用户的动作总是与服务器的“思考时间”同步。
Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用JavaScript DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。
最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的。
北京传智播客教育 itcast
什么是Ajax
Ajax的技术的产生
Ajax被认为是(Asynchronous JavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.
“Ajax”这个名字是在2005年2月，Adaptive Path的Jesse James Garrett在他的文章Ajax:A New Approach to Web Application中创造。
而Ajax这项技术，是Google在Google Labs发布Google Maps和Google Suggest后真正为人所认识。
Google Labs是Google为尚未正式上线的半成熟产品提供的、供Google发烧友和小白鼠争当者们提供的实验场。虽说能进Google Labs表明产品已经基本具备较为完善的使用功能，但并不表示该功能之后100%会正式开启
北京传智播客教育 itcast
AJAX案例之google suggest
北京传智播客教育 itcast
AJAX案例之Google Maps
北京传智播客教育 itcast
什么是Ajax
Ajax：一种不用刷新整个页面便可与服务器通讯的办法
图1 Web的传统模型。客户端向服务器发送一个请求，服务器返回整个页面，如此反复
图2 在Ajax模型中，数据在客户端与服务器之间独立传输。服务器不再返回整个页面
北京传智播客教育 itcast
什么是Ajax
不用刷新整个页面便可与服务器通讯的办法：
Flash
Java applet
框架：如果使用一组框架构造了一个网页，可以只更新其中一个框架，而不必惊动整个页面
隐藏的iframe
XMLHttpRequest：该对象是对 JavaScript 的一个扩展，可使网页与服务器进行通信。是创建 Ajax 应用的最佳选择。实际上通常把 Ajax 当成 XMLHttpRequest 对象的代名词
北京传智播客教育 itcast
Ajax的工作原理
Ajax的核心是JavaScript对象XmlHttpRequest。
该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。
北京传智播客教育 itcast
Ajax的工作原理
AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理—等待—处理—等待缺点。用户的浏览器在执行任务时即装载了AJAX引擎。AJAX引擎用JavaScript语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替产生一个HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。
使用AJAX，可以为JSP、开发人员、终端用户带来可见的便捷：
北京传智播客教育 itcast
Ajax的工作原理图
xhtml
css
JavaScript
北京传智播客教育 itcast