Body.json()

Body ミックスインの json() メソッドは、Response ストリームを取得したうえで、すべて読み取ります。その上で、JSON データを含むオブジェクトリテラルで解決される promise を返します。

構文

response.json().then(function(data) {
  // JSON を使用した処理を実行する
});

パラメーター

なし。

戻り値

ボディテキストをJSONとして解析した結果で解決される promise。この結果はJSONで何が記述されているかで異なります。オブジェクトかもしれないし、配列、文字列、数値、その他になるかもしれません。

例

fetch json example（fetch json live を実行してみてください）では、Request.Request コンストラクターを使用して新しいリクエストを生成したうえで、.json ファイルを取得しています。取得が成功した場合、json() を使用してレスポンスの JSON を読み取ります。JSON データからデータを読み出し、商品データとして表示するために、リスト項目に追加を行っています。

var myList = document.querySelector('ul');

var myRequest = new Request('products.json');

fetch(myRequest)
  .then(function(response) { return response.json(); })
  .then(function(data) {
    for (var i = 0; i < data.products.length; i++) {
      var listItem = document.createElement('li');
      listItem.innerHTML = '<strong>' + data.products[i].Name + '</strong> can be found in ' +
                           data.products[i].Location +
                           '. Cost: <strong>£' + data.products[i].Price + '</strong>';
      myList.appendChild(listItem);
    }
  });

仕様

ブラウザ実装状況

関連項目

• ServiceWorker API
• HTTP access control (CORS)
• HTTP