Ajax簡單封裝

2021-10-08 14:23:39 字數 1141 閱讀 8289

當xhr.status狀態碼為200時表示請求成功,而readystate值為4時表示請求已經完成,當滿足這兩個條件時對資料進行處理。

readystate屬性值從0-4變化

0: 請求未初始化

1: 伺服器連線已建立

2: 請求已接收

3: 請求處理中

4: 請求已完成,且響應已就緒

//對請求引數進行處理,將資料物件轉化為字串

function

parsedata

(data)

return str.

substr(0

,str.length-1)

}//ajax的'get'方法的簡單封裝

}}

//對請求引數進行處理,將資料物件轉化為字串

function

parsedata

(data)

return str.

substr(0

,str.length-1)

}//ajax的'get'方法的簡單封裝

}}

src=

"./getajax2.js"

>

script

>

>

//只需要傳入請求路徑和處理資料函式

data =

getajax2

('abc2.txt'

,data,

function

(xhr)

)script

>

1.network中的xhr請求,自動將引數拼接

2.請求引數

3.資料處理後在頁面上正常顯示

簡單封裝ajax

網上資源的 質量參差不齊,所以我還是自己記錄一下吧 function ajax opction else 統一大小寫,匹配下面的判斷 let type opction.type touppercase 用於請求時表示為不同的請求,以防獲取快取值 let random math.random if t...

簡單的ajax封裝

ajax傳送post請求返回 json 資料 function requestjson params ajax傳送post請求返回 string字串 function requeststring params ajax傳送post請求 function sendpost params ajax傳送g...

原生ajax步驟詳解以及簡單封裝

一原生ajax詳解 二簡單封裝ajax 最後把 封裝起來,封裝起來以後,要給這個函式加上乙個引數url.引數是為了替換要讀取的檔名 function ajax url,fnsucc else ajax.open get url,true 把要讀取的引數的傳過來。ajax.send ajax.onre...