嗨嗨！我是Winnie溫尼～

前言

上一個章節我們講到了網路請求的相關知識，而今天就要來分享要如何取得資料或是傳送資料給伺服器端，*目前Javascript常用的網路請求方法有XMLHttpRequest、jQuery ajax、fetch、axios，相較於其他套件方法，axios用法較為簡單且大小只有約13kb，是很輕量的套件，Vue作者更建議使用axios作為HTTP請求工具。

axios的瀏覽器支援

axios非同步特性

發送請求request之後，在尚未收到回傳結果response之前，會先繼續往下執行下方的程式碼，避免因取得的檔案龐大導致其他JavaScript需等待而無法執行(可以想成下載檔案的概念)，跑完所有的JavaScript才會回來執行{}中的動作。

請求方法

發送後，也可以在 Chrome 的 Network 中找到發送的資源內容，在Network-指定的請求上-Headers-Request- Payload即可看到。

get

請求展示指定資源，應用於取得資料。

axios.get("網址")                //發送請求的request
  .then(function(response){        //回傳結果的response(內容包括header細部資訊、status狀態碼、data資料...)
    要執行的動作;
  }

post

用於提交指定資源，通常會改變伺服器的狀態。例：輸入帳號密碼 -> 回傳輸入成功。

axios.post("網址",{物件格式資料})
  .then(function(response){          //回傳成功
      要執行的動作;
  });
  .catch(function(error){            //回傳失敗
      要執行的動作;
  });

常見的請求資料格式：
1.application/x-www-form-urlencoded 傳送html form格式
2.application/json 傳送json格式(預設)
3.multipart/form-data 傳送檔案(pdf、jpg...)
4.text/plain 傳送記事本格式

參考資料

Day29 - axios基本語法與練習(GET、POST請求)
axios小筆記
AJAX 完整解說系列：新增、更新、刪除(POST、PATCH、DELETE)
由前端request 的幾種方法

新手上路，如文章有錯誤或需修正之處，懇請大家多多指教！
那麼，我們明天見囉～