ajax編程技術(shù)第四章ajax技術(shù)-展示頁(yè)
2024-07-30 17:39本頁(yè)面
【正文】 equest對(duì)象在發(fā)送 /接收數(shù)據(jù)過(guò)程中所處的幾個(gè)狀態(tài)。 ? 如果已經(jīng)準(zhǔn)備好，就繼續(xù)往下執(zhí)行； 4. 打開(kāi)請(qǐng)求； 5. 發(fā)送請(qǐng)求。 ? 如果沒(méi)有準(zhǔn)備好，隔一段時(shí)間再次檢查。 中國(guó)科大 《 Ajax編程技術(shù) 》 46 創(chuàng)建 XMLHttpRequest對(duì)象 ? 異步使用 XMLHttpRequest對(duì)象 異步使用 XMLHttpRequest對(duì)象時(shí)，必須使用 onreadystatechange事件調(diào)用該對(duì)象。 中國(guó)科大 《 Ajax編程技術(shù) 》 45 創(chuàng)建 XMLHttpRequest對(duì)象 ? 同步使用 XMLHttpRequest對(duì)象 按照下面模式，可以同步地 XMLHttpRequest對(duì)象： 1. 創(chuàng)建對(duì)象； 2. 創(chuàng)建請(qǐng)求； 3. 發(fā)送請(qǐng)求。 注意， JavaScript區(qū)分大小寫(xiě)，如果大小寫(xiě)不正確，什么東西都創(chuàng)建不出來(lái)。 中國(guó)科大 《 Ajax編程技術(shù) 》 44 創(chuàng)建 XMLHttpRequest對(duì)象 ? 創(chuàng)建 XMLHttpRequest對(duì)象 ?在 IE Firefox、 safari和 Opera中創(chuàng)建該對(duì)象的JavaScript代碼為： var xmlRequet = new XMLHttpRequest()。 XMLHttpRequest對(duì)象在 IE瀏覽器和非 IE瀏覽器中實(shí)現(xiàn)方法不同。 最后還介紹一種 Ajax技術(shù)的替代方案及其示例。 我們還將介紹該對(duì)象的 GET和 POST方法的使用。主講教師：李藝 Ajax編程技術(shù) 第四章 Ajax技術(shù) 中國(guó)科大 《 Ajax編程技術(shù) 》 42 XMLHttpRequest對(duì)象 本章主要介紹技術(shù)是 XMLHttpRequest對(duì)象，因?yàn)锳jax應(yīng)用程序的中心就是它。同時(shí)，對(duì)于許多數(shù)網(wǎng)頁(yè)開(kāi)發(fā)的實(shí)際問(wèn)題中，它也是最廣泛適用的解決方案。同時(shí)探討用戶使用此對(duì)象常見(jiàn)的錯(cuò)誤，例如當(dāng)試圖讓頁(yè)面在所有服務(wù)器上都能運(yùn)行時(shí)遇到的一些問(wèn)題。 中國(guó)科大 《 Ajax編程技術(shù) 》 43 XMLHttpRequest對(duì)象 XMLHttpRequest對(duì)象最初是作為 IE5中的一個(gè)ActiveX控件出現(xiàn)的，隨后 Mozilla 、 Netscape 。 XMLHttpRequest對(duì)象的作用在于， 允許用腳本程序通過(guò) HTTP連接到服務(wù)器 ，而不比通過(guò) HTTP請(qǐng)求響應(yīng)模型與服務(wù)器通信。 ?在 IE5/6中代碼為： var xmlRequest = new ActiveXObject(“”)。 使用 XMLHttpRequest對(duì)象的方式有兩種，同步和異步。 這種模式與傳統(tǒng)模式?jīng)]有區(qū)別，用處不大，真正強(qiáng)大的地方在于異步地使用它。在觸發(fā)該事件后，必須在應(yīng)用程序采取行動(dòng)之前檢查readyState屬性的內(nèi)容，因此使用模式應(yīng)該是： 1. 創(chuàng)建該對(duì)象； 2. 設(shè)置 readystatechange事件觸發(fā)一個(gè)指定的函數(shù)； 3. 檢查 readyState屬性，看數(shù)據(jù)是否準(zhǔn)備就緒。因?yàn)閿?shù)據(jù)沒(méi)有下載完時(shí)，我們無(wú)法使用它的屬性和方法。 readystatechange事件的整個(gè)操作都是在后臺(tái)執(zhí)行，這樣就能夠異步使用 XMLHttpRequest對(duì)象。 XMLHttpRequest對(duì)象會(huì)經(jīng)歷 5種不同的狀態(tài)。對(duì)象已經(jīng)創(chuàng)建，但還未初始化，即還沒(méi)調(diào)用open方法； ? 1：已打開(kāi)。已經(jīng)調(diào)用 send 方法，但該對(duì)象正在等待狀態(tài)碼和頭的返回； ? 3：正在接收。所有數(shù)據(jù)接收完畢 中國(guó)科大 《 Ajax編程技術(shù) 》 48 創(chuàng)建 XMLHttpRequest對(duì)象 ? XMLHttpRequest對(duì)象的屬性和方法 XMLHttpRequest對(duì)象的屬性 屬性 說(shuō)明 Onreadystatechange 返回或設(shè)置異步請(qǐng)求的事件處理程序 readyState 返回狀態(tài)碼： 0：未初始化； 1：打開(kāi)； 2：發(fā)送； 3：正在接收； 4：已加載 responseBody(僅 IE7) 使用無(wú)符號(hào)字節(jié)數(shù)組返回 HTTP響應(yīng) responseText 使用字符串返回 HTTP響應(yīng) responseXML 使用 XML DOM對(duì)象返回 HTTP響應(yīng) Status 返回 HTTP狀態(tài)碼 statusText 返回描述特定 HTTP狀態(tài)碼含義的文本 中國(guó)科大 《 Ajax編程技術(shù) 》 49 創(chuàng)建 XMLHttpRequest對(duì)象 XMLHttpRequest對(duì)象的方法 方法 說(shuō)明 Abort 取消請(qǐng)求 getAllResponseHeaders 獲取 HTTP響應(yīng)頭的整個(gè)列表 getResponseHeader 僅獲取指定的 HTTP響應(yīng)頭 Open 需要使用多個(gè)參數(shù)，第一個(gè)設(shè)置方法屬性，第二個(gè)設(shè)置目標(biāo) URL，第三個(gè)指定是同步 (false)還是異步 (true)發(fā)送請(qǐng)求 Send 發(fā)送請(qǐng)求到服務(wù)器 setRequestHeader 添加自定義 HTTP頭到請(qǐng)求 中國(guó)科大 《 Ajax編程技術(shù) 》 410 創(chuàng)建 XMLHttpRequest對(duì)象 ? 使用 XMLHttpRequest對(duì)象示例 此示例使用此對(duì)象網(wǎng)頁(yè)的實(shí)現(xiàn)動(dòng)態(tài)顯示。下面是程序： 中國(guó)科大 《 Ajax編程技術(shù) 》 411 創(chuàng)建 XMLHttpRequest對(duì)象 // html meta equiv=Pragma CONTENT=nocatch meta equiv=Expires CONTENT=1 / head /head body Ajax實(shí)例展示 table border=0 cellpadding=0 cellspacing=0 style=fontsize:10pt。fontsize:10pt。 ali
高考資料相關(guān)推薦
鄂ICP備17016276號(hào)-1