iT邦幫忙

2021 iThome 鐵人賽

DAY 18
0
Modern Web

JavaScript 基礎修練系列 第 18

[Day18] JavaScript - Fetch

  • 分享至 

  • xImage
  •  

fetch() 是 ES6 的新語法,主要是搭配 Promise來執行請求網站和請求後獲取 Response 的處理方式。

語法

let promise = fetch(url, [options])
  • url是要訪問的網址
  • options是Request請求的類型,例如method、header等

fetch會傳回帶有Response物件的Promise物件

fetch()方法是一個位於全域window物件的方法,它會被用來執行送出Request(要求)的工作,如果成功得到回應的話,它會回傳一個帶有Response(回應)物件的已實現Promise物件。

  • fetch 會使用 ES6 的 Promise 作回應
    • then 作為下一步
    • catch 作為錯誤回應 (404, 500…)
fetch('http://example.com/movies.json', {method: 'get'})
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(myJson);
  })
  .catch(function(err) {
    console.log('錯誤:', err);
  });

參考資料:
https://eyesofkids.gitbooks.io/javascript-start-from-es6/content/part4/ajax_fetch.html
https://wcc723.github.io/javascript/2017/12/28/javascript-fetch/
https://ithelp.ithome.com.tw/articles/10252941


上一篇
[Day17] JavaScript - Async & Await
下一篇
[Day19] JavaScript - DOM Event
系列文
JavaScript 基礎修練30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言