8. Promise 實戰運用

打開檔案 /es6/promise.html

• 3. 實戰取得遠端資料

  • 3-1

    axios Promise based Http工具

    // 引入 CDN
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script>
      console.dir(axios)
    </script>

    • 假資料API 取得隨機使用者假資料

      axios.get('https://randomuser.me/api/')
        .then((res) => {
          console.log(res)
          return axios.get('https://randomuser.me/api/')
        })
        .then((res) => {
          console.log(res);
        })

  • 3-2 記得捕捉錯誤，Axios 錯誤捕捉技巧

    axios.get('https://randomuser.me/api/')
      .then((res) => {
        console.log(res)
      })
      .catch((err) => {
        console.log(err);
      })