はてなブックマーク

fetch()とは 非同期のネットワーク通信を簡単にわかりやすく記述できるメソッド。クライアント側のJavaScritから、HTTPと通信しデータを取得することができるようになる。 (参考：MDN web docs 『Fetchを使う』 https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch ） fetchで取得したデータからJSONを取得しDOM操作に利用する 例）以下のデータ構造を持つJSONデータから、nameとageを取得し画面に表示させる { "results":[ { "name": "太郎", "age": 20}, { "name": "次郎", "age": 25}, { "name": "三郎", "age": 30}, ] } const url = //任意のAPIのhttpアドレス /