#頭條創作挑戰賽#

十三、Axios

Axios 對原生的AJAX進(jin)行(xing)封(feng)裝(zhuang)，簡化書寫。

Axios官(guan)網是： //www.axios-http.cn

13.1 基本使用

步驟如下：

• 引入 axios 的 js 文件

• <script src="js/axios-0.18.0.js"></script>

• 使用(yong) axios 發送(song)請(qing)求(qiu)，并獲取響應結(jie)果(guo)

• 發送 get 請求

• axios({
  method: "get",
  url: "//localhost:5050/AjaxDemo/AjaxDemo1?username=zhangsan"
  }).then(function(resp){
  alert(resp.data);
  })

• 發(fa)送 post 請求(qiu)

• axios({
  method: "post",
  url: "//localhost:5050/AjaxDemo/AjaxDemo1",
  data: "username=zhangsan"
  }).then(function(resp){
  alert(resp.data);
  })

axios() 是用來發送異(yi)步請求(qiu)的，小(xiao)括號(hao)中(zhong)使用 js 對象(xiang)傳遞(di)請求相關的參數：

• method 屬性(xing)：用來設置(zhi)請求方(fang)式的。取(qu)值(zhi)為 get 或者(zhe) post

• url 屬性：用來書寫請求的資源路徑。如(ru)果是 get 請求，需要將請求參數拼接到路徑的(de)后(hou)面，格式為： url?參數名(ming)=參 數值(zhi)(zhi)&參數名(ming)2=參數值(zhi)(zhi)2

• data 屬(shu)性：作(zuo)為請求體被發送的數據。也就(jiu)是說如(ru)果(guo)是 post 請求的(de)話，數據需要作為(wei) data 屬(shu)性的(de)值

then() 需要(yao)傳遞一(yi)個匿名(ming)函數。我們將 then() 中傳遞的匿名(ming)函數稱為 回調函數(shu)，意思是(shi)該匿名(ming)函數在發(fa)送請求時不會被調用，而是(shi)在成功(gong)響應后調用的函數

而該回(hui)調(diao)函數中的 resp 參數是(shi)對(dui)響(xiang)(xiang)應的數據進行封裝的對(dui)象(xiang)，通過(guo) resp.data 可以(yi)獲取到響(xiang)(xiang)應的數據