教育就业全部ajax.pptx

北京传智播客教育AJAX讲师：佟刚

什么是AjaxAjax的技术的产生Ajax被认为是(AsynchronousJavaScriptandXML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.“Ajax”这个名字是在2005年2月，AdaptivePath的JesseJamesGarrett在他的文章Ajax:ANewApproachtoWebApplication中创造。而Ajax这项技术，是Google在GoogleLabs发布GoogleMaps和GoogleSuggest后真正为人所认识。

Ajax应用实例-GoogleSuggest

Ajax应用实例-GoogleMaps

什么是AjaxAjax：一种不用刷新整个页面便可与服务器通讯的办法图1Web的传统模型。客户端向服务器发送一个请求，服务器返回整个页面，如此反复图2在Ajax模型中，数据在客户端与服务器之间独立传输。服务器不再返回整个页面

什么是Ajax不用刷新整个页面便可与服务器通讯的办法：FlashJavaapplet框架：如果使用一组框架构造了一个网页，可以只更新其中一个框架，而不必惊动整个页面隐藏的iframeXMLHttpRequest：该对象是对JavaScript的一个扩展，可使网页与服务器进行通信。是创建Ajax应用的最佳选择。实际上通常把Ajax当成XMLHttpRequest对象的代名词

Ajax的工作原理图xhtmlcssJavaScript

Ajax工具包Ajax并不是一项新技术，它实际上是几种技术，每种技术各尽其职，以一种全新的方式聚合在一起服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。XML(eXtensibleMarkupLanguage，可扩展标记语言)是一种描述数据的格式。Aajx程序需要某种格式化的格式来在服务器和客户端之间传递信息，XML是其中的一种选择XHTML（eXtendedHypertextMarkupLanguage,使用扩展超媒体标记语言）和CSS（CascadingStyleSheet,级联样式单）标准化呈现；DOM（DocumentObjectModel,文档对象模型）实现动态显示和交互；使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取使用JavaScript绑定和处理所有数据

Ajax的缺陷AJAX不是完美的技术。使用AJAX，它的一些缺陷不得不权衡一下：由Javascript和AJAX引擎导致的浏览器的兼容页面局部刷新，导致后退等功能失效。对流媒体的支持没有FLASH、JavaApplet好。一些手持设备（如手机、PDA等）支持性差。

XMLHttpRequest的概述XMLHttpRequest最早是在IE5中以ActiveX组件的形式实现的。非W3C标准.创建XMLHttpRequest对象（由于非标准所以实现方法不统一）InternetExplorer把XMLHttpRequest实现为一个ActiveX对象其他浏览器（Firefox、Safari、Opera…）把它实现为一个本地的JavaScript对象。XMLHttpRequest在不同浏览器上的实现是兼容的，所以可以用同样的方式访问XMLHttpRequest实例的属性和方法，而不论这个实例创建的方法是什么。

创建XMLHttpRequest对象为了每次写Ajax的时候都节省一点时间，可以把对象检测的内容打包成一个可复用的函数：说明：对window.XMLHttpRequest的调用会返回一个对象或null，if语句会把调用返回的结果看作是true或false（如果返回对象则为true，返回null则为false）。如果XMLHttpRequest对象存在，则把xhr的值设为该对象的新实例。如果不存在，就去检测ActiveObject的实例是否存在，如果答案是肯定的，则把微软XMLHTTP的新实例赋给xhr

XMLHttpRequest的方法

XMLHttpRequest的属性

发送请求利用XMLHttpRequest实例与服务器进行通信包含以下3个关键部分：onreadystatechange事件处理函数open方法send方法

发送请求onreadystatechange:该事件处理函数由服务器触发，而不是用户在Ajax执行过程中，服务器会通知客户端当前的通信状态。这依靠更新XMLHttpRequest对象的readyState来实现。改变readyState属性是服务器对客户端连接操