【Day 29】JavaScript fetch

Fetch() 是 ES6 引入的标准之一。主要是搭配 Promise 来执行 request 请求网站和请求後 response 获取的处理方，同时也提供全域物件的WorkerOrGlobalScope.fetch()方法，使得在网路上非同步地 fetch 网路资源 这件事变得简单易懂。

同样的功能，以前都是使用 XMLHttpRequest，而 Fetch 作为其替代方案，简化了许多原本较为复杂的用法，也让程序码写起来更加乾净易读好维护。

根据MDN，fetch 和 jQuery.ajax() 有三个主要的差异:
1.fetch() 回传的 promise 不会 reject HTTP 的 error 状态，就算是 HTTP 404 或 500 也一样。相反地，它会正常地 resolve，并把 ok 状态设为 false。会让它发生 reject 的只有网路错误或其他会中断 request 的情况。
2.fetch 可以接收跨站的 cookies，你可以用 Fetch 来建立跨站的 session。
3.fetch 不会传送 cookies，除非你有设定 credentials 的 init option。

使用 Fetch 发送请求 ( request )

fetch('request 的网址')
  .then(function(response) {
    return response.json();    //将原始数据转换成json格式，然後返回至下一个then
  })
  .then(function(myJson) {
    console.log(myJson);
  });