• (一)Axios
  基於promise的HTTP客戶端，可以用在瀏覽器和 Node.js 中，幫助你發送 GET、POST、PUT、DELETE 等不同類型的請求，並處理相應的數據。
  特性:
  • 自動轉換 JSON
  • 支持 Promise API
  • 可攔截請求、響應、轉換請求數據、響應數據
  • 能取消請求
  一、安裝-官網在線地址:直接引入

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

1. get請求 (安全性較差，發送的是 URL 的一部分)
   Axios.get(地址).then(function(response),function(err))
   ->地址要傳遞參數的話 => url?key=value&key2=value2 // (文檔提供=具體數據)
   ->第一個函數:在請求響應完成後觸發，第二個函數:請求失敗後觸發

// 發起請求
axios.get(' https://autumnfish.cn/api/joke/list?num=2')
/*或  axios.get(' https://autumnfish.cn/api/joke/list',{
            params:{ //有參數要加params，沒有則不用 
                num:2
    } })
})*/
  .then(function (response) {
    // 成功時執行
    console.log(response);
  })
  .catch(function (error) {
    // 錯誤時執行})

//也可以用asycn/await去寫：
//async/await用法 async/await 是ECMAScript 2017中的一部分
async function getUser() {
  try {
    const response = await axios.get(' https://autumnfish.cn/api/joke/list?num=2');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

2. post請求(參數不會被保存在瀏覽器歷史裡面，所以通常用來傳送較重要的資料。)
   Asios.post(地址,參數{key:value,key2:value2}).then(function(response),function(err))

axios.post('https://autumnfish.cn/api/user/reg',{username:"susan"})    
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

• document.querySelector("")
  獲取文檔中””的元素
  回傳 document 第一個符合特定選擇器群組的元素，找不到的話回傳null
  =>https://developer.mozilla.org/zh-TW/docs/Web/API/Document/querySelector

參考資料:
1.https://axios-http.com/docs/intro
2.https://ithelp.ithome.com.tw/articles/10253259
3.https://www.bilibili.com/video/BV1HE411e7vY/?p=25&spm_id_from=pageDriver&vd_source=b94baaf9f1e4932669b886e7855f8f6f