herrcx的专栏

到目前为止，我们讨论的解决方案都不是标准。尽管XMLHttpRequest得到了广泛支持，但是你已经看到了，创建XMLHttpRequest对象的过程会随浏览器不同而有所差异。许多人错误地认为Ajax得到了W3C的支持，但实际上并非如此。W3C在一个新标准中解决了这一问题以及其他缺点，这个标准的名字相当长：DOM Level 3 加载和保存规约。这个规约的设计目的是以一种独立于平台和语言的方式，用

表2-1显示了XMLHttpRequest对象的一些典型方法。不要担心，稍后就会详细介绍这些方法。表2-1　标准XMLHttpRequest操作 方    法 描    述

到此为止，你已经了解了如何使用Ajax技术向服务器发送请求，也知道了客户可以采用多种方法解析服务器的响应。前面的例子中只缺少一个内容，就是你尚未将任何数据作为请求的一部分发送给服务器。在大多数情况下，向服务器发送一个请求而没有任何请求参数是没有什么意义的。如果没有请求参数，服务器就得不到上下文数据，也无法根据上下文数据为客户创建“个性化”的响应，实际上，服务器会向每一个客户发送同样的响应。要想

我们一直在说DOM，如果你没有做过太多客户端的工作，可能不知道什么是DOM。DOM是一个W3C规约，可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM

现在已经准备开始使用XMLHttpRequest对象了。我们刚刚讨论了如何创建这个对象，下面来看如何向服务器发送请求，以及如何处理服务器的响应。最简单的请求是，不以查询参数或提交表单数据的形式向服务器发送任何信息。在实际中，往往都希望向服务器发送一些信息。使用XMLHttpRequest对象发送请求的基本步骤如下：1. 为得到XMLHttpRequest对象实例的一个引用，可以创建一个

你可能想了解GET和POST之间有什么区别，并想知道什么时候使用它们。从理论上讲，如果请求是幂等的就可以使用GET，所谓幂等是指多个请求返回相同的结果。实际上，相应的服务器方法可能会以某种方式修改状态，所以一般情况下这是不成立的。这只是一种标准。更实际的区别在于净荷的大小，在许多情况下，浏览器和服务器会限制URL的长度URL用于向服务器发送数据。一般来讲，可以使用GET从服务器获取数据；换句话说，

XMLHttpRequest对象提供了两个可以用来访问服务器响应的属性。第一个属性respo-nseText将响应提供为一个串，第二个属性responseXML将响应提供为一个XML对象。一些简单的用例就很适合按简单文本来获取响应，如将响应显示在警告框中，或者响应只是指示成功还是失败的词。第2章中的例子就使用了responseText属性来访问服务器响应，并将响应显示在警告框中。3.1.1

我们已经介绍了Ajax，下面来简单谈谈远程脚本。你可能会想：“Ajax有什么大不了的？我早就用IFRAME做过同样的事情。”实际上，我们自己也曾用过这种方法。这在以前一般称为远程脚本（remote scripting），很多人认为这只是一种修修补补。不过，这确实提供了一种能避免页面刷新的机制。2.5.1  远程脚本概述基本说来，远程脚本是一种远程过程调用类型。你可以像正常的Web应用一样与

看到这里，你可能想知道典型的Ajax交互是什么样。图2-1显示了Ajax应用中标准的交互模式。图2-1　标准Ajax交互不同于标准Web客户中所用的标准请求/响应方法，Ajax应用的做法稍有差别。1.一个客户端事件触发一个Ajax事件。从简单的onchange事件到某个特定的用户动作，很多这样的事件都可以触发Ajax事件。可以有如下的代码：2. 创建XMLHttpReque

在使用XMLHttpRequest对象发送请求和处理响应之前，必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准，所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。Internet Explorer把XMLHttpRequest实现为一个ActiveX对象，其他浏览器（如Firefox、Saf

尽管Ajax风格的技术已经用了很多年，但直到最近XMLHttpRequest对象才得到现代浏览器的采纳，而这也为开发丰富的Web应用开启了一个新的时代。在本章中，我们讨论了Ajax核心（即XMLHttpRequest对象）的相关基础知识。我们了解了XMLHttpRequest对象的方法和属性，而且展示了使用XMLHttpRequest对象的简单示例。可以看到，这个对象相当简单，无需你考虑其中很多的