Fetch APIリクエスト

nissy 18views 更新:2017年7月10日

初歩的な内容ですが、jsのPromiseの考え方の振り返りも兼ねてハックにFetchによるAPIリクエスト方法を残しておきます。
一般的に、以下のように使います。

fetch(url,
  { method: 'GET'} // オプション
)
  .then(
  if(response.ok) { // ステータスがokならば
      return response.json(); // レスポンスをjsonとして変換する
    } else {
      throw new Error();
    })
  .then((json) => console.log(json)) // 得られたjsonデータに対する処理
  .catch((error) => console.log(error)); //reject処理

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません