Body.json()
Body
ミックスインの json()
メソッドは、 Response
ストリームを取得して、完全に読み取ります。 ボディのテキストを JSON
として解釈した結果で解決する promise を返します。
構文
response.json().then(data => { // data を使用した処理を実行する });
パラメーター
なし。
戻り値
JavaScript オブジェクトに解決される Promise
。 このオブジェクトは、オブジェクト、配列、文字列、数値など、JSON で表現できるものであれば何でもなります。
例
fetch json の例(fetch json をライブで実行)では、 Request()
コンストラクターを使用して新しいリクエストを作成し、それを使用して .json
ファイルをフェッチします。 フェッチが成功したら、json()
を使用してデータを読み取り、解析し、結果のオブジェクトから期待通りに値を読みだし、それらの値をリスト項目に追加して商品データとして表示します。
const myList = document.querySelector('ul');
const myRequest = new Request('products.json');
fetch(myRequest)
.then(response => response.json())
.then(data => {
for (const product of data.products) {
let listItem = document.createElement('li');
listItem.appendChild(
document.createElement('strong')
).textContent = product.Name;
listItem.append(
` can be found in ${
product.Location
}. Cost: `
);
listItem.appendChild(
document.createElement('strong')
).textContent = `£${product.Price}`;
myList.appendChild(listItem);
}
});
仕様
仕様 | 状態 | コメント |
---|---|---|
Fetch Body.json() の定義 |
現行の標準 | 初期定義 |
ブラウザーの互換性
BCD tables only load in the browser