第16章 XMLHTTPRequest对象.pptVIP

第16章 XMLHTTPRequest对象 AJAX的核心其实是JavaScript中的XMLHTTPRequest对象。该对象是一个构建到当前主流浏览器内部的一个对象，使用该对象可以实现发送和接收HTTP请求与响应信息。这一节就重点来向读者讲解XMLHTTPRequest对象的使用。在讲解过程中还会通过具体的实例向读者做深入的介绍。 16.1 XMLHTTPRequest对象概述 XMLHTTPRequest对象是AJAX最核心的部分，离开了此对象AJAX的工作模式就无从谈起。本节就来向读者介绍XMLHTTPRequest对象。本节内容包括：什么是XMLHTTPRequest对象，该对象的属性、方法，最后还将通过一个实例来演示如何使用XMLHTTPRequest对象实现异步传输的工作模式。 16.1.1 什么是XMLHTTPRequest对象 XMLHTTPRequest对象是一个构建到当前主流浏览器内部的一个对象，使用该对象可以实现发送和接收HTTP请求与响应信息。最早的XMLHTTPRequest对象是在IE5中以ActiveX组件形式实现的。由于只能在IE中使用，所以当时并没有得到广泛的关注，也没有太多的网络开发人员去使用它。随着XMLHTTPRequest对象的不断发展，它的优势也越来越明显的表现出来。而更多原来并不支持它的浏览器也开始对它提供了支持。因为XMLHTTPRequest对象并不是业界标准，所以在不同浏览器上表现有些许的区别。但是它的大多数方法和属性都得到了很好的支持。 16.1.2 对象的常用属性 本节来向读者介绍XMLHTTPRequest对象常用的属性。在本书第12章介绍PHP的类与对象时曾经提到过：对象通常都有相应的属性与方法。这不仅体现在PHP中，在JavaScript中也是如此。本节就XMLHTTPRequest对象的属性为读者作详细的讲解。XMLHTTPRequest对象的属性如表所示。 16.1.3 对象的常用方法 对象的方法即为对象可以调用的函数。查看15-1.HTM代码可见，其中使用到了XMLHTTPRequest对象的open()方法与send()方法。除此之外，该对象还有其他的方法，对象的方法及介绍如表所示。 16.1.4 对象使用示例 前两节结合15-1.htm的例子为读者介绍了XMLHTTPRequest对象的属性与方法。本节将通过一个具体的例子，让读者真正体会一下使用了XMLHTTPRequest对象的AJAX的魅力。 该实例所具有的功能为：在前台为用户提供输入名称的界面。用户输入内容之户，在后台通过PHP对前台内容进行处理，并实时的把处理结果显示在前台页面的一个层上。 16.2 关于DOM 上一节讲述了XMLHTTPRequest对象返回文本的方法，而在大多数情况下，需要对XML内容进行处理。这就需要首先了解一些关于DOM（Document Object Model）的知识。本节就DOM的相关内容向读者作下说明。 16.2.1 什么是DOM DOM就是文档对象模型（Document Object Model），最初是W3C（Web标准组织——万维网协会）为了解决浏览器互相竞争时代不同浏览器之间的差别而制定的，主要就是IE和Netscape Navigator之间的差别。 最初出现的是DOM Level 1规范，目前主流的浏览器都可以支持。随后又出现了DOM Level 2 HTML规范。DOM实际上有两种：HTML DOM和XML DOM。HTML DOM是一种特殊的DOM，该类DOM仅支持使用：getElementById()（通过ID获取元素）和getElementsByTagName()（通过标签名称来获取元素）两个方法来进行查询（请不要将IE私有的all()方法混淆进来）。而XML DOM则可以与XPath API相结合，基于强大的正则表达式来进行查询。 Ajax开发中所用到的主要是HTML DOM，如果不涉及到处理XML格式的数据，就不需要用到XML DOM。 16.2.2 DOM的作用及实现方法 DOM使用户可以访问页面上的标准组件（元素、样式表、脚本等其他内容）并处理它。多年来，那些希望创建前端Web应用的程序员们都必须使用Java Applet、Flash或者ActiveX等其他辅助技术。当然现在这些工具仍然可以使用的，但是支持DOM的浏览器使得Web开发人员拥有了创建多样化、功能强大的基于Web的应用程序的能力，而且是完全使用基于标准的技术。 DOM将整个HTML文档展现为内存中的一棵树状结构（浏览器内存中仅仅只有一棵这样的HTML DOM树，其根节点为document对象），每个元素、属性都是树上的一个节点。可以通过JavaScript