第三部分web高級開發(fā)第14章ajax開發(fā)技術(shù)走進(jìn)

1、JAVA WEB開發(fā)實戰(zhàn)經(jīng)典第14章：AJAX開發(fā)技術(shù) 走進(jìn)AJAX 本章目標(biāo)掌握AJAX的主要作用；掌握XMLHttpRequest對象的創(chuàng)建及使用。AJAX技術(shù)簡介 AJAX（Asynchronous JavaScript and XML，異步JavaScript和XML），AJAX并不是一項新的技術(shù)，它產(chǎn)生的主要目的是用于頁面的局部刷新，從之前的代碼開發(fā)來看，讀者可以發(fā)現(xiàn)，每當(dāng)用戶向服務(wù)器端發(fā)出請求時，那怕需要的只是簡單的更新一點(diǎn)點(diǎn)的局部內(nèi)容，服務(wù)器端都會將一個整體的頁面進(jìn)行刷新，并重新生成代碼，這樣一來程序的性能肯定會有所降低的，而如果采用了AJAX技術(shù)之后，就可以實現(xiàn)局部的內(nèi)容變更，

2、而不用再進(jìn)行整體的頁面刷新，顯然處理的性能要比前者高很多 XMLHttpRequest對象 在AJAX中主要是通過XMLHttpRequest對象處理發(fā)送異步請求和處理回應(yīng)的，此對象最早是在IE 5中以ActiveX組件的形式出現(xiàn)的，一直到2005年之后才被廣泛的使用，而如果要想創(chuàng)建一個XMLHttpRequest對象必須使用JavaScript。創(chuàng)建XMLHttpRequest對象 create_ajax.htm var xmlHttp ;/ AJAX核心對象名稱function createXMLHttp() / 創(chuàng)建XMLHttpRequest核心對象if (window.XMLHttp

3、Request) / 判斷當(dāng)前使用的瀏覽器類型xmlHttp = new XMLHttpRequest();/ 表示使用的為FireFox內(nèi)核的瀏覽器 else / 表示使用的是IE內(nèi)核的瀏覽器xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); XMLHttpRequest對象的屬性 No.屬性描述1onreadystatechange指定當(dāng)readState狀態(tài)改變時使用的操作，一般都用于指定具體的回調(diào)函數(shù)2readyState返回當(dāng)前請求的狀態(tài)，只讀3responseBody將回應(yīng)信息正文以unsigned byte數(shù)組形式返回，只讀4respo

4、nseStream以Ado Stream對象的形式返回響應(yīng)信息，只讀5responseText接收以普通文本返回的數(shù)據(jù)，只讀6responseXML接收以XML文檔形式回應(yīng)的數(shù)據(jù)，只讀7status返回當(dāng)前請求的http狀態(tài)碼，只讀8statusText返回當(dāng)前請求的響應(yīng)行狀態(tài)，只讀readState取值對readState一共有五種取值，分別是： 0：請求沒有發(fā)出（在調(diào)用open()函數(shù)之前之前）。 1：請求已經(jīng)建立但還沒有發(fā)出（調(diào)用send()函數(shù)之前）。 2：請求已經(jīng)發(fā)出正在處理之中（這里通?？梢詮捻憫?yīng)得到內(nèi)容頭部）。 3：請求已經(jīng)處理，正在接收服務(wù)器的信息，響應(yīng)中通常有部分?jǐn)?shù)據(jù)可用，但

5、是服務(wù)器還沒有完成響應(yīng)。 4：響應(yīng)已完成，可以訪問服務(wù)器響應(yīng)并使用它。 XMLHttpRequest對象的方法 No.方法描述1abort()取消當(dāng)前所發(fā)出的請求2getAllResponseHeaders()取得所有的HTTP頭信息3getResponseHeader()取得一個指定的HTTP頭信息4open()創(chuàng)建一個HTTP請求，并指定請求模式，例如：GET請求或POST請求5send()將創(chuàng)建的請求發(fā)送到服務(wù)器端，并接收回應(yīng)信息6setRequestHeader()設(shè)置一個指定請求的HTTP頭信息使用異步處理 ajax_receive_content.htm ，MLDN高端Java培訓(xùn)

6、var xmlHttp ;/ AJAX核心對象名稱function createXMLHttp() / 創(chuàng)建XMLHttpRequest核心對象if (window.XMLHttpRequest) / 判斷當(dāng)前使用的瀏覽器類型xmlHttp = new XMLHttpRequest();/ 表示使用的為FireFox內(nèi)核的瀏覽器 else / 表示使用的是IE內(nèi)核的瀏覽器xmlHttp = new ActiveXObject(Microsoft.XMLHTTP) ; function showMsg()createXMLHttp() ;/ 建立xmlHttp核心對象xmlHttp.open(POST,content.htm);/ 設(shè)置一個請求/ 設(shè)置請求完成之后處理的回調(diào)函數(shù)xmlHttp.onreadystatechange = showMsgCallback ;xmlHttp.send(null) ;/ 發(fā)送請求，不傳遞任何參數(shù)function showMsgCallback()/ 定義回調(diào)函數(shù)if (xmlHttp.readyState = 4) / 數(shù)據(jù)返回完畢if (xmlHttp.status = 200) / HTTP操作正常var text = xmlHttp.responseText ;/ 接收返回的內(nèi)容/ 設(shè)置msg標(biāo)簽元素中要顯示的內(nèi)容為AJAX接收的返回