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 請求完成...