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