AJAX XMLHttpRequest

 

 

XMLHttpRequest 对象是 AJAX 的关键。

创建 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")
  }

 代码解释:

  1. 首先创建一个作为 XMLHttpRequest 对象使用的 XMLHttp 变量。把它的值设置为 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 及其后版本中可用。

 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 }

代码解释:

  1. 首先创建用作 XMLHttpRequest 对象的 XMLHttp 变量。把它的值设置为 null。
  2. 按照 web 标准创建对象 (Mozilla, Opera 以及 Safari):XMLHttp=new XMLHttpRequest()
  3. 按照微软的方式创建对象,在 Internet Explorer 6 及更高的版本可用:XMLHttp=new ActiveXObject("Msxml2.XMLHTTP")
  4. 如果捕获错误,则尝试更老的方法 (Internet Explorer 5.5) :XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
posted @ 2012-03-04 09:58  G-smile  阅读(96)  评论(0)    收藏  举报