"btn1"
>按鈕1
<
/button>
"btn2"
>按鈕2
<
/button>
obtn1 = document.
getelementbyid
('btn1');
obtn2 = document.
getelementbyid
('btn2');
function
axios()
resolve
(response)
}else}}
/* 通常情況下：
get、delete請求，只會有查詢字串引數
post、put、patch請求，既可以有請求引數，也可以有查詢字串引數
params:
--> url?name=jack&age=18
*/method = method.
touppercase()
;//將method的字母轉成大寫
let qs ='';
if(params)=$
$` }
,"?").
slice(0
,-1)
//把最後的$給擷取掉
}// 3.設定請求資訊（請求位址，請求方法）
xhr.
open
(method, url + qs)
;let body ='';
if((method ===
"post"
|| method ===
"patch"
|| method ===
"put"
)&& data)
// 4.傳送請求
xhr.
send
(body);}
)}//測試
obtn1.
onclick
=function()
).then
((value)
=>).
catch
((reason)
=>)}
obtn2.
onclick
=function()
}).then
((value)
=>).
catch
((reason)
=>)}
<
/script>
<
/body>
<
/html>
用XHR簡單封裝乙個axios
get請求 button button onclick testpost post請求 button button onclick testput put請求 button button onclick testdelete delete請求 button div script function t...
封裝乙個axios 利用xhr和promise
基本思路 一 建立乙個promise物件，成功的結果為response,異常的結果為error 二 利用xhr建立乙個ajax請求 2.1建立xhr物件 2.2開啟連線 初始化請求 2.3 根據請求方式來決定要不要傳請求體引數 2.4監視狀態，如果請求成功呼叫reject 失敗resolve 獲取狀...
axios封裝使用
記錄專案中使用過的axios封裝，以便下次使用。import axios from axios 引用axios import from util util 引用剛才我們建立的util.js檔案，並使用getcookie方法 import qs from qs 很重要！過濾json格式化 axios ...