AJAX XMLHttpRequest

XMLHttpRequest 对象使 AJAX 成为可能。

XMLHttpRequest

XMLHttpRequest 对象是 AJAX 的关键。

该对象在 Internet Explorer 5.5 与 2000 年 7 月发布之后就已经可用了，但是在 2005 人们开始讨论 AJAX 和 Web 2.0 之前，这个对象并没有得到充分的认识。

创建 XMLHttpRequest 对象

不同的浏览器使用不同的方法来创建 XMLHttpRequest 对象。

Internet Explorer 使用 ActiveXObject。

其他浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。

要克服这个问题，可以使用这段简单的代码：

  1. var XMLHttp=null
  2. if (window.XMLHttpRequest)
  3.   {
  4.   XMLHttp=new XMLHttpRequest()
  5.   }
  6. else if (window.ActiveXObject)
  7.   {
  8.   XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
  9.   }

代码解释：

  • 首先创建一个作为 XMLHttpRequest 对象使用的 XMLHttp 变量。把它的值设置为 null。
  • 然后测试 window.XMLHttpRequest 对象是否可用。在新版本的 Firefox, Mozilla, Opera 以及 Safari 浏览器中，该对象是可用的。
  • 如果可用，则用它创建一个性象：XMLHttp=new XMLHttpRequest()
  • 如果不可用，则检测 window.ActiveXObject 是否可用。在 Internet Explorer version 5.5 及更高的版本中，该对象是可用的。
  • 如果可用，使用它来创建一个性象：XMLHttp=new ActiveXObject()

改进的例子

一些程序员喜欢使用最新最快的版本的 XMLHttpRequest 对象。

下面的例子试图加载微软最新版本的 "Msxml2.XMLHTTP"，在 Internet Explorer 6 中可用，如果无法加载，则后退到 "Microsoft.XMLHTTP"，在 Internet Explorer 5.5 及其后版本中可用。

  1. function GetXmlHttpObject()
  2. {
  3. var xmlHttp=null;
  4.  
  5. try
  6.  {
  7.  // Firefox, Opera 8.0+, Safari
  8.  xmlHttp=new XMLHttpRequest();
  9.  }
  10. catch (e)
  11.  {
  12.  // Internet Explorer
  13.  try
  14.   {
  15.   xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  16.   }
  17.  catch (e)
  18.   {
  19.   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  20.   }
  21.  }
  22. return xmlHttp;
  23. }

代码解释：

  • 首先创建用作 XMLHttpRequest 对象的 XMLHttp 变量。把它的值设置为 null。
  • 按照 web 标准创建对象 (Mozilla, Opera 以及 Safari)：XMLHttp=new XMLHttpRequest()
  • 按照微软的方式创建对象，在 Internet Explorer 6 及更高的版本可用：XMLHttp=new ActiveXObject("Msxml2.XMLHTTP")
  • 如果捕获错误，则尝试更老的方法 (Internet Explorer 5.5) ：XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")

更多有关 XMLHttpRequest 对象的信息

如果您希望阅读更多有关 XMLHttpRequest 的内容，请访问我们的 AJAX 教程。