分析javascript高級編程xmlhttprequest_第1頁
分析javascript高級編程xmlhttprequest_第2頁
分析javascript高級編程xmlhttprequest_第3頁
分析javascript高級編程xmlhttprequest_第4頁
分析javascript高級編程xmlhttprequest_第5頁
已閱讀5頁,還剩3頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、XMLHttpRequest講師:李小華Ajax與傳統(tǒng)WebAjax與傳統(tǒng)Web應(yīng)用區(qū)別異步是指基于Ajax的應(yīng)用與服務(wù)器通信的方法。對于傳統(tǒng)的Web應(yīng)用,每次用戶發(fā)送請求或向服務(wù)器請求獲得新數(shù)據(jù)時,瀏覽器都會完全丟棄當(dāng)前頁面,而等待重新加載的頁面。在服務(wù)器完全響應(yīng)之前,用戶瀏覽器將是一片空白,用戶的動作必須中斷。異步是指用戶發(fā)送請求后,完全無須等待,請求在后臺發(fā)送,不會阻塞用戶的當(dāng)前活動,用戶無須等待第一次請求得到完全響應(yīng),就可以立即發(fā)送第二次請求。簡單的說,異步請求不會刷新當(dāng)前html頁面。XHR作用XMLHttpRequest對象是整個Ajax技術(shù)的核心,缺失了它,Ajax的其余技術(shù)就無

2、法成為一個有機的整體。Ajax技術(shù)賴以存在的核心是:異步發(fā)送請求Ajax技術(shù)離開XMLHttpRequest對象將失去與服務(wù)器異步通信的能力,從而不可能動態(tài)獲取服務(wù)器數(shù)據(jù),而之前的JavaScript訪問頁面元素通過DOM動態(tài)操作無法動態(tài)顯示服務(wù)端的數(shù)據(jù)。XHR的方法與屬性方法Abort():停止發(fā)送當(dāng)前請求。getAllResponseHeaders():獲取服務(wù)器返回的全部響應(yīng)頭。getResponseHeader(param):根據(jù)響應(yīng)頭的名字,獲取對應(yīng)的響應(yīng)頭。open(method,url,asyncFlag,username,password):建立與服務(wù)器URL的連接,并設(shè)置請求

3、的方法和是否使用異步請求。send(content):發(fā)送請求。setRequestHeader():在發(fā)送請求之前,先設(shè)置請求頭。屬性onreadystatechange:用于指定xhr對象狀態(tài)改變時的事件處理函數(shù)。readyState:xhr對象的處理狀態(tài)。responseText:用于獲取服務(wù)器的響應(yīng)文本。responeXML:用于獲取服務(wù)器響應(yīng)的XML文檔對象。status:服務(wù)器返回的狀態(tài)碼,只有當(dāng)服務(wù)器的響應(yīng)已經(jīng)完成時,才會有該狀態(tài)碼。statusText:服務(wù)器返回的狀態(tài)文本信息,只有當(dāng)服務(wù)器的響應(yīng)已經(jīng)完成時,才會有該狀態(tài)文本信息。xhr相關(guān)狀態(tài)readyState的五種狀態(tài)0:

4、XMLHttpRequest對象還沒有完成初始化。1:XMLHttpRequest對象開始發(fā)送請求。2:XMLHttpRequest對象的請求發(fā)送完成。3:XMLHttpRequest對象開始讀取服務(wù)器的響應(yīng)。4:XMLHttpRequest對象讀取服務(wù)器響應(yīng)結(jié)束。status的狀態(tài)碼200:服務(wù)器響應(yīng)正常。400:無法找到請求的資源。401:訪問資源的權(quán)限不夠。403:沒有權(quán)限訪問資源。404:需要訪問的資源不存在。405:需要訪問的資源被禁止。407:訪問的資源需要代理身份驗證。414:請求的URL太長。500:服務(wù)器內(nèi)部錯誤。XMLHttpRequest開發(fā)發(fā)送請求的步驟初始化XMLHt

5、tpRequest對象。(ActiveXObject、XMLHttpRequest)調(diào)用open方法打開與服務(wù)器的連接,并設(shè)置請求方式與請求的URL。設(shè)置請求頭。 (POST請求必須要設(shè)置) setRequestHeader(Content-Type, application/x-www-form-urlencoded);發(fā)送請求,用POST方法發(fā)送請求,可發(fā)送帶參數(shù)的請求。設(shè)置XMLHttpRequest狀態(tài)改變時的事件處理函數(shù)。發(fā)送異步請求(五個小案例)發(fā)送get請求發(fā)送post請求處理請求時中文亂碼。文件異步上傳處理JSON響應(yīng)IEIE內(nèi)核的所有XMLHTTP ActiveX控件 MSXML2.X

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論