AJAX入門--概述XMLHttpRequest_AJAX教程
推薦:淺析AJAX中JavaScript類的三種成員實現類的公有成員 前面定義的任何類成員都屬于公有成員的范疇,該類的任何實例都對外公開這些屬性和方法。 實現類的私有成員 私有成員即在類的內部實現中可以共享的成員,不對外公開。JavaScript中并沒有特殊的機制來定義私有成員,但可以用一些技巧來實現這
在使用XMLHttpRequest對象發送請求和處理響應之前,必須先用JavaScript創建一個XMLHttpRequest對象。由于XMLHttpRequest不是一個W3C標準,所以可以采用多種方法使用JavaScript來創建XMLHttpRequest的實例。Internet Explorer把XMLHttpRequest實現為一個ActiveX對象,其他瀏覽器(如Firefox、Safari和Opera)把它實現為一個本地JavaScript對象。由于存在這些差別,JavaScript代碼中必須包含有關的邏輯,從而使用ActiveX技術或者使用本地JavaScript對象技術來創建XMLHttpRequest的一個實例。很多人可能還記得從前的那段日子,那時不同瀏覽器上的JavaScript和DOM實現簡直千差萬別,聽了上面這段話之后,這些人可能又會不寒而栗。幸運的是,在這里為了明確該如何創建XMLHttpRequest對象的實例,并不需要那么詳細地編寫代碼來區別瀏覽器類型。你要做的只是檢查瀏覽器是否提供對ActiveX對象的支持。如果瀏覽器支持ActiveX對象,就可以使用ActiveX來創建XMLHttpRequest對象。否則,就要使用本地JavaScript對象技術來創建。代碼清單2-1展示了編寫跨瀏覽器的JavaScript代碼來創建XMLHttpRequest對象實例是多么簡單。
代碼清單2-1 創建XMLHttpRequest對象的一個實例
| var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } |
可以看到,創建XMLHttpRequest對象相當容易。首先,要創建一個全局作用域變量xmlHttp來保存這個對象的引用。createXMLHttpRequest方法完成創建XMLHttpRequest實例的具體工作。這個方法中只有簡單的分支邏輯(選擇邏輯)來確定如何創建對象。對window.ActiveXObject的調用會返回一個對象,也可能返回null,if語句會把調用返回的結果看作是true或false(如果返回對象則為true,返回null則為false),以此指示瀏覽器是否支持ActiveX控件,相應地得知瀏覽器是不是Internet Explorer。如果確實是,則通過實例化ActiveXObject的一個新實例來創建XMLHttpRequest對象,并傳入一個串指示要創建何種類型的ActiveX對象。在這個例子中,為構造函數提供的字符串是Microsoft.XMLHTTP,這說明你想創建XMLHttpRequest的一個實例。如果window.ActiveXObject調用失敗(返回null),JavaScript就會轉到else語句分支,確定瀏覽器是否把XMLHttpRequest實現為一個本地JavaScript對象。如果存在window.XMLHttpRequest,就會創建XMLHttpRequest的一個實例。
由于JavaScript具有動態類型特性,而且XMLHttpRequest在不同瀏覽器上的實現是兼容的,所以可以用同樣的方式訪問XMLHttpRequest實例的屬性和方法,而不論這個實例創建的方法是什么。這就大大簡化了開發過程,而且在JavaScript中也不必編寫特定于瀏覽器的邏輯。
分享:揭秘AJAX將成為移動Web2.0時代首選開發平臺一、 引言 最近,Opera宣布通過他們的瀏覽器把AJAX技術應用于移動設備開發中。考慮到Opera瀏覽器在目前瀏覽器市場(特別是在移動瀏覽器市場)的流行性,我們可以預計這一宣布對于整個瀏覽器市場必然會產生重要影響。從加入到移動服務開發市場幾年的經驗來看,我
- 相關鏈接:
- 教程說明:
AJAX教程-AJAX入門--概述XMLHttpRequest
。