文章目錄
AJAX 的要點是 XMLHttpRequest 對象。
不同的瀏覽器建立 XMLHttpRequest 對象的方法是有差異的。
IE 瀏覽器使用 ActiveXObject,而其他的瀏覽器使用名為 XMLHttpRequest 的 JavaScript 內建對象。
如需針對不同的瀏覽器來建立此對象,我們要使用一條 "try and catch" 語句。您可以在我們的 JavaScript 教程中閱讀更多有關 try 和 catch 語句 的內容。
讓我們用這段建立 XMLHttpRequest 對象的 JavaScript 來更新一下我們的 "testAjax.htm" 檔案:
<html><body><script type="text/javascript">function ajaxFunction() { var xmlHttp
; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest();
} catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) { try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) { alert("您的瀏覽器不支援AJAX!"); return false; } } } }</script><form name="myForm">使用者: <input type="text" name="username" />時間: <input type="text" name="time" /></form></body></html>
例子解釋:
首先聲明一個儲存 XMLHttpRequest 對象的 xmlHttp 變數。
然後使用 XMLHttp=new XMLHttpRequest() 來建立此對象。這條語句針對 Firefox、Opera 以及 Safari 瀏覽器。假如失敗,則嘗試針對 Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"),假如也不成功,則嘗試針對 Internet Explorer 5.5+ 的 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")。
假如這三種方法都不起作用,那麼這個使用者所使用的瀏覽器已經太過時了,他或她會看到一個聲明此瀏覽器不支援 AJAX 的提示。
注釋:上面這些瀏覽器定製的代碼很長,也很複雜。不過,每當您希望建立 XMLHttpRequest 對象時,這些代碼就能派上用場,因此您可以在任何需要使用的時間拷貝粘貼這些代碼。上面這些代碼相容所有的主流瀏覽器:Internet Explorer、Opera、Firefox 以及 Safari。