2021-07-19-[筆記]Fetch 筆記

前言：
主要就紀錄一下目前 JavaScript 常用，但自己又不熟悉的筆記。

---

參考資料：
鐵人賽：ES6 原生 Fetch 遠端資料方法
JavaScript Fetch API 使用教學

---

差異

fetch 其實跟$.ajax 用法挺相近，差異點在於
fetch 會使用 ES6 的 Promise 作回應

• then 作為下一步
• catch 作為錯誤回應 (404, 500…)
• 回傳的為 ReadableStream 物件，需要使用不同資料類型使用對應方法，才能正確取得資料物件

fetch('https://randomuser.me/api/',{})
   .then( res => {
     console.log(res);   // 我們這邊只會取得 ReadableStream 物件
     return res.json();  // 我們必須依照所需格式，取出資料如 json()、text()、blob() 
})
.then((jsonData) => {
  console.log(jsonData);
}).catch( error =>{
    console.log(jsonData);
});