使用XMLHttRequest对象.docVIP

第2章 使用XMLHttpRequest对象 我 们已经讨论了动态Web应用的发展历史，并简要介绍了Ajax，下面再来讨论问题的关键：如何使用XMLHttpRequest对象。尽管与其说Ajax是一种技术，不如说是一种技巧，但如果没有对XMLHttpRequest的广泛支持，Google Suggest和Ta-da List可能不会像我们看到的有今天这样的发展，而你可能也不会看到手上的这本书！ XMLHttpRequest最早是在IE 5中以ActiveX组件形式实现的。由于只能在IE中使用，所以大多数开发人员都没有用XMLHttpRequest，直到最近，Mozilla 1.0和Safari 1.2把它采用为事实上的标准，情况才有改观。需要重点说明的是，XMLHttpRequest并不是一个W3C标准，不过许多功能已经涵盖在一个新提案中：DOM Level 3加载和保存规约（DOM Level 3 Load and Save Specification）。因为它不是标准，所以在不同浏览器上的表现也稍有区别，不过大多数方法和属性都得到了广泛的支持。当前，Firefox、Safari、Opera、Konqueror和Internet Explorer都以类似的方式实现了XMLHttpRequest对象的行为。 前面已经说过，如果大量用户还是在使用较旧的浏览器访问网站或应用，就要三思了。第1章讨论过，在这种情况下，如果要使用Ajax技术，要么需要开发一个候选网站，要么你的应用应当能妥善地降级。大多数使用统计表明，在当前使用的浏览器中只有极少数不支持XMLHttpRequest，所以一般情况下不会存在这个问题。不过，还是应该查看Web日志，确定你的用户在使用什么样的客户端来访问网站。 2.1 XMLHttpRequest对象概述 在使用XMLHttpRequest对象发送请求和处理响应之前，必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准，所以可以采用多种方法使用JavaScript来创建XMLHttpRequest的实例。Internet Explorer把XMLHttpRequest实现为一个ActiveX对象，其他浏览器（如Firefox、Safari和Opera）把它实现为一个本地JavaScript对象。由于存在这些差别，JavaScript代码中必须包含有关的逻辑，从而使用ActiveX技术或者使用本地JavaScript对象技术来创建XMLHttpRequest的一个实例。 很多人可能还记得从前的那段日子，那时不同浏览器上的JavaScript和DOM实现简直千差万别，听了上面这段话之后，这些人可能又会不寒而栗。幸运的是，在这里为了明确该如何创建XMLHttpRequest对象的实例，并不需要那么详细地编写代码来区别浏览器类型。你要做的只是检查浏览器是否提供对ActiveX对象的支持。如果浏览器支持ActiveX对象，就可以使用ActiveX来创建XMLHttpRequest对象。否则，就要使用本地JavaScript对象技术来创建。代码清单2-1JavaScript代码来创建XMLHttpRequest对象实例是多么简单。 代码清单2-1XMLHttpRequest对象的一个实例 var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } 可以看到，创建XMLHttpRequest对象相当容易。首先，要创建一个全局作用域变量xmlHttp来保存这个对象的引用。createXMLHttpRequest方法完成创建XMLHttpRequest实例的具体工作。这个方法中只有简单的分支逻辑（选择逻辑）来确定如何创建对象。对window.ActiveXObject的调用会返回一个对象，也可能返回null，if语句会把调用返回的结果看作是true或false（如果返回对象则为true，返回null则为false），以此指示浏览器是否支持ActiveX控件，相应地得知浏览器是不是Internet Explorer。如果确实是，则通过实例化ActiveXObject的一个新实例来创建XMLHttpRequest对象，并传入一个串指示要创建何种类型的ActiveX对象。在这个例子中，为构造函数提供的字符串是Micro