Ajax课堂讲义设计-完结.docxVIP

yAjax课堂讲义什么是AjaxAjax技术的产生Ajax被认为是Asynchronous JavaScript and XML的缩写,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.Ajax这个名字是在2005年2月,Adaptive Path的Jesse James Garrett在他的文章Ajax：A New Approach to Web Application中创造而Ajax这项技术,是GoogLe在Goole Labs发布GooleMaps和Google Suggest后真正为人所认识.Ajax：一种不用刷新整个页面便可与服务器通讯的办法Web的传统模型.客户端向服务器发送一个请求,服务器返回整个页面,如此反复在Ajax模型中,数据在客户端与服务器之间独立传输。服务器不再返回整个页面不用刷新整个页面便可与服务器通讯的办法FlashJava applet框架：如果使用一组框架狗仔了一个网页，可以只更新其中一个框架,而不必惊动真个页面隐藏的iframeXMLHttpRequest：该对象是对JavaScript的一个扩展,可使网页与服务器进行通信.是创建Ajax应用的最佳选择.实际上通常把XMLHttpRequest当前Ajax技术的的代名词。Ajax工作原理客户端 传输 服务端4.Ajax工具包Ajax并不是一个新技术,它实际上是几种技术,每种技术各尽其职,以一种全新的方式聚合在一起。-服务器端语言：服务器需要具备向浏览器发送也顶信息的能力.Ajax与服务器端语言无关.-xml(eXtensible Markup Language,可扩展标记语言)是一种描述数据的格式.Ajax程序需要某种格式化的格式来在服务器和客户端之间传递信息,XML是其中的一种选择.-XHTML(eXtended Hypertext Markup Language,使用扩展超媒体标记语言)和CSS（Cascading Style Sheet,级联样式单）标准化呈现,-DOM(document Object Model ,文档对象模型) 实现动态显示和交互-使用XMLHttp组件XMLHttpRequest对象进行异步数据读取-使用JavaScript绑定和处理所有数据Ajax的缺陷Ajax不是完美的技术.使用Ajax,它的一些缺陷不得不权衡一下-由javaScript和Ajax引擎导致的浏览器的兼容-页面局部刷新,导致后退等功能失效-对流媒体的支持没有FLASH,Java Applet好-一些手持设备(如手机,PDA等)支持性差.5.XMLHttpRequest的概述-XMLHttpRequest最早是在IE5中以ActiveX组件的形式实现的.非W3C标准-创建XMLHttpRequest对象(由于非标准所以实现方式不统一)-Internet Explorer 把XMLHttpRequest实现为一个ActiveX对象-其他浏览器(Firefox,Safari,Opera)把他实现为一个本地的JavaScript对象-XMLHttpRequest在不同浏览器上的实现是兼容的,所以可以用同样的方式访问XMLHttpRequest实例的属性和方法,而不论这个实例创建的方法是什么。创建XMLHttpRequest对象为了每次写Ajax的时候都节省一点时间,可以吧对象检测的内容打包成一个可复用的函数Function getHttpObject(){Var xhr = false;If(window.XMLHttpRequest){Xhr = new XMLHttpRequest();}else if(){Xhr = new ActiveXObject(“Microsoft.XMLHttp”);}Return xhr}XMLHttpRequest的方法方法描述Abort()停止当前请求GetAllResponseHeaders()把HTTP请求的所有响应首部作为键/值对返回GetResponseHeader(“header”)返回指定首部的串值Open(“method”，”url” )建立对服务器的调用,Method参数可以是GET,POST或PUT.url参数可以是相对URL或绝对URLSend(content)向服务器发送请求SetRequestHeader(“header”,”value”)把指定首部设置为所提供的值.在设置任何首部之前不许先调用open()XMLHttpRequest的属性onreadystatechange每个状态改变时都会触发这个时间处理器,通常会调用一个javaScript函数radyState请求的状态,有5个可取值;0=未初始化