JavaScript の Fetch API めっちゃ便利ですやんの話

Fetch API

XMLHttpRequest や jQuery の $.ajax() と似ているが Promise での実装になっており
より強力かつ柔軟に扱える

主要なブラウザではとっくに使えるようになっている

• fetch | Can I use...
  • https://caniuse.com/?search=fetch

簡単なGETのサンプル

fetch("/json/dummy.json")
  .then(function(response){
    if (!response.ok) {
      return Promise.reject(new Error("error"));
    }

    // response オブジェクトのどこ（response.json, response.textなど)
    // に入るかはレスポンスに寄るみたい?
    return response.json();
  })
  .then(function(json){
    // 得られたもの
    console.log("json", json);
  })
  .catch(function(error){
    console.error("fetch error", error);
  });

え！ めっちゃ便利じゃないですか。
Umbrella JS のサンプルにあるからなんだろと思って調べてみたけど
知らなかった…… 損していた……
今まで SuperAgent とか使っていたのは一体……

その他の参考サイト

• fetch の使い方 | JavaScript の基本 | JavaScript 入門
  • https://javascript.keicode.com/newjs/fetch.php
• Fetch API | MDN
  • https://developer.mozilla.org/ja/docs/Web/API/Fetch_API
• Fetch の使用 | MDN
  • https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch
• Promiseを使う | JavaScript | MDN
  • https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Using_promises