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 内建对象。

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

var XMLHttp=null
if (window.XMLHttpRequest)
  {
  XMLHttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  XMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

Code-Explainierung:

  1. 首先创建一个作为 XMLHttpRequest 对象使用的 XMLHttp Variable. Setzen Sie ihren Wert auf null.
  2. 然后测试 window.XMLHttpRequest 对象是否可用。在新版本的 Firefox, Mozilla, Opera 以及 Safari 浏览器中，该对象是可用的。
  3. 如果可用，则用它创建一个新对象：XMLHttp=new XMLHttpRequest();
  4. 如果不可用，则检测 window.ActiveXObject 是否可用。在 Internet Explorer version 5.5 及更高的版本中，该对象是可用的。
  5. 如果可用，使用它来创建一个新对象：XMLHttp=new ActiveXObject()

改进的例子

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

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

function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 // Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

Code-Explainierung:

  1. Erstellen Sie zunächst das XMLHttp Variable. Setzen Sie ihren Wert auf null.
  2. Nach dem Web-Standard Objekte erstellen (Mozilla, Opera und Safari):XMLHttp=new XMLHttpRequest();
  3. Nach dem Muster von Microsoft Objekte erstellen, die in Internet Explorer 6 und höheren Versionen verfügbar sind:XMLHttp=new ActiveXObject("Msxml2.XMLHTTP");
  4. Falls ein Fehler erfasst wird, versuchen Sie eine ältere Methode (Internet Explorer 5.5):XMLHttp=new ActiveXObject("Microsoft.XMLHTTP");

Mehr über das XMLHttpRequest-Objekt

Wenn Sie mehr über XMLHttpRequest lesen möchten, besuchen Sie unseren AJAX-Tutorial.