xhr物件請求的流程

2021-10-07 04:21:23 字數 1199 閱讀 7957

xhr,全稱為xmlhttprequest,用於與伺服器互動資料

xmlhttprequest 物件提供了對 http 協議的完全的訪問,包括做出 post 和 head 請求以及的 get 請求的能力

屬性:readystate: 0 xhr的當前狀態

status: 0 響應訊息狀態碼 只有在xhr.readystate 變為2以後才值

常見的訊息狀態碼: 200 資料成功請求 404 未找到資源,客戶端的路徑問題等 5xx 伺服器上的錯誤

statustext:"" 響應訊息中原因訊息,只有在xhr.readystate 變為2以後才值

responsetext: 「」,響應訊息的主體內容,只有在xhr.readystate 變為3開始有值,變為4值穩定下來

事件:onreadystatechange 每一次readystate的值有變化時會觸發

方法:open(method,uri,isasyn)

send(null/body)

setrequestheader(name,value); 設定請求訊息頭部

getresponseheader(name);獲取響應訊息頭部

getallresponseheaders();獲取響應訊息中的所有頭部

xhr資料請求流程:

1.初始化xhr物件

設定請求方法,以及請求介面

開始傳送資料到後台

2.後端接收前端傳送過來的資料

3.將資料從後台返回給前端

傳送資料到前端

4.前端接收後台傳送過來的資料

接收部分資料時,

全部資料接收完畢,

// 建立乙個資料請求的例項化物件

// 在xhr的準備狀態發生改變的時候,呼叫該方法

xhr.onreadystatechange=function ()

case 1:

case 2:

case 3:

case 4:

}}

// open方法裡面要放置兩個引數,

// 引數1:資料請求方式 get post

// 引數2:請求的介面,引數在介面後面進行拼接

xhr.open('get',」url「 ) // 傳送資料到後端

xhr.send()

xhr是什麼縮寫 XHR 建立物件

ajax 建立 xmlhttprequest 物件 xmlhttprequest 是 ajax 的基礎。xmlhttprequest 術語縮寫為xhr,中文可以解釋為可擴充套件超文字傳輸請求。xmlhttprequest 物件可以在不向伺服器提交整個頁面的情況下,實現區域性更新網頁。xmlhttpr...

xhr返回值 資料互動 http請求 xhr

web瀏覽器通過http請求來獲取伺服器的資料或服務,http請求是一種無狀態連線,用完即關閉,再用需重連線。這麼設計能極大地減輕伺服器壓力。http請求 乙個http請求分為以下7個步驟 1,建立tcp連線 2,瀏覽器向伺服器傳送請求命令 3,瀏覽器想伺服器傳送請求頭資訊 4,伺服器響應 5,伺服...

XHR常用物件API

1.xmlhttprequest 建立xhr物件的建構函式 2.status 響應狀態碼值,比如200,404 標識著請求成功或者失敗 3.statustext 響應狀態文字 4.readystate 標識請求狀態的唯讀屬性 0 初始 1 open 之後 2 send 之後 3 請求中 4 請求完成...