[Day18] JavaScript - Fetch

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