原生ajax 五步法寫ajax 相容

2021-10-16 17:09:31 字數 1141 閱讀 3164

區域性重新整理技術

ajax請求:請求後端介面,返回資料到前端,前端根據需求渲染到介面

【五步法寫ajax】

1.建立ajax物件

;2.建立伺服器連線

open()的引數

(1)傳送請求的引數 get post

(2)api路徑

(3)async 同步或者非同步 值為:true非同步/false同步 ·(可寫可不寫)

其中同步指的是等待請求完成之後再執行後續**;非同步則是請求和後續**同時執行;

(4)連線介面的賬號

(5)密碼

);3.傳送請求

;其中send中的引數,當是get請求時 括號中不寫引數,傳遞到後台的資料在路徑後面以 ?id=1&name=zzz 形式顯示

如果是post請求,則send的括號中要寫引數data

4.監聽伺服器響應狀態

伺服器響應

其中http.status

返回200 伺服器響應成功 500 伺服器報錯 404 頁面丟失

0: 請求未初始化 、 1: 伺服器連線已建立、2: 請求已接收、3: 請求處理中、4: 請求已完成,且響應已就緒

伺服器響應資料

http.responsetext 文字資料

http.respon***ml xml資料

5.渲染介面

【原生ajax書寫相容】

(可以不寫)

用原生JavaScript寫AJAX

原生js寫ajax就像打 打 分下面4步 1.拿出手機 2.撥號 3.說話 4.聽對方說話 ajax也分下面4步 1.建立ajax物件 2.連線到伺服器 3.傳送請求 告訴伺服器我要什麼檔案 4.接收返回值 但是,不能每次用ajax的時候都寫那麼多 要把這段ajax 封裝起來,方便使用。最後把 封裝...

用原生JavaScript寫AJAX

ajax分下面4步 1.建立ajax物件 2.連線到伺服器 3.傳送請求 告訴伺服器我要什麼檔案 4.接收返回值 但是,不能每次用ajax的時候都寫那麼多 要把這段ajax 封裝起來,方便使用。封裝ajax 最後把 封裝起來,封裝起來以後,要給這個函式加上乙個引數url.引數是為了替換要讀取的檔名 ...

用原生的JS寫AJAX

第乙個值是請求方式,第二個值是url位址,第三個值是否非同步 xhr.onreadystatechange function xhr.send 網頁要用伺服器執行否則會有同源禁止策略。json.parse 將json格式資料轉化為js格式資料 這是json檔案 這是用ajax拿到的資料 如果是向頁面...