2014年ajax培训文档.pptVIP

四： XMLHttpRequest对象 参照系统中的例子：loushangfunction.js中的getHtmlStringByXmlhttp()方法的处理过程。 谢谢大家! * AJAX培训资料 郑玉星 * 目录 AJAX简介 AJAX的好处 AJAX关键元素 XMLHttpRequest对象 一、XML简介 AJAX ：Asynchronous JavaScript And XML异步JavaScript和可扩展标记语言 AJAX是运用JavaScript和可扩展标记语言(XML)，在网络浏览器和服务器之间传送或接受数据的技术。 AJAX是不需依靠服务器软件而独立运做的浏览器技术 。 AJAX不是一种技术，而是4种技术的集合。 二：AJAX的优点 1。传统的请求响应方式 传统的网络应用程序会将输入的信息提交给服务器（使用HTML表单）。在服务器通过代码后，将会把一个全新的完整的页面传送给用户 ，由于用户每次提交输入信息的时候服务器都将传回一个新的页面，传统的网络应用程序通常运行缓慢且使用不便 。 二：AJAX的优点 2。AJAX的处理方式 使用AJAX，网页应用程序能不经重新下载/刷新整个网页就发送并重新获得数据。这是通过发送HTTP请求和使用JS对网页进行部分修改来实现的 。这样可以提高程序的运行效率。 三：AJAX的关键元素 1。 JavaScript JavaScript是通用的脚本语言，用来嵌入在某种应用之中。Web应用中嵌入的JavaScript解释器允许通过程序与浏览器的很多内建功能进行交互。Ajax应用程序是用JavaScript编写的。 三：AJAX的关键元素 2。CSS（层叠样式表） CSS为Web页面元素提供了一种可重用的可视化样式的定义方法，它提供了简单而又强大的方法，以一致的方式定义和使用可视化样式。在Ajax应用中，可以通过CSS来修改界面。 JavaScript和CSS是大家比较常用和熟悉的，这里就不多做介绍了。 三：AJAX的关键元素 3。DOM（文档对象模型） （1） DOM以一组可以使用JavaScript操作的可编程对象展现出Web页面的结构。通过使用脚本修改DOM，Ajax应用程序可以在运行时改变用户界面，或者高效的重绘页面的某个部分。 三：AJAX的关键元素 3。DOM（文档对象模型） （2）DOM是一个W3C公约，可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。 （3）DOM实际上是以面向对象方式描述的对象模型。它定义了表示和修改文档所需要的对象、这些对象的行为和属性以及这些对象之间的关系。我们可以简单的把DOM认为是页面上数据和结构的一个树形表示。 下面是个简单的例子： 三：AJAX的关键元素 3。DOM（文档对象模型） 三：AJAX的关键元素 4。XMLHttpRequest对象 XMLHttpRequest对象是Ajax的核心，它允许程序员从Web服务器以后台活动的方式获取数据，数据通常是XML格式，但是也可以很好的支持热和基于文本的数据格式。下面介绍一下XMLHttpRequest对象。 四： XMLHttpRequest对象 1。对象属性： （1）onreadystatechange指定当readyState属性改变时的事件处理句柄。 （2）readyState 返回当前请求的状态，只读.有如下5中状态： 0 (未初始化)对象已建立，但是尚未初始化（尚未调用open方法） 1 (初始化)对象已建立，尚未调用send方法 2 (发送数据)send方法已调用，但是当前的状态及http头未知 3 (数据传送中)已接收部分数据，因为响应及http头不全，这时通过 responseBody和responseText获取部分数据会出现错误。 4 (完成)数据接收完毕,此时可以通过通过responseBody和 responseText获取完整的回应数据 四： XMLHttpRequest对象 1。对象属性： （3）responseBody 将回应信息正文以unsigned byte数组形式返回.只读 （4）responseStream以Ado Stream对象的形式返回响应信息。只读 （5）responseText将响应信息作为字符串返回.只读 （6）responseXML将响应信息格式化为Xml Document对象并返回，只读。 （7）status返回当前请求的http状态码.只读（200对应OK，404对应NOT FOUND等等） （8）st