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") }
代碼解釋:
- 首先創建一個作為 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 及其后版本中可用。
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; }
代碼解釋:
- 首先創建用作 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 教程。