JavaScriptでのAJAXを介したJSONの取得

サーバーがデータをJSON形式で返すのは一般的な方法です。 これの扱い方を見てみましょう。サーバーに次のファイルがあるとします：

public/data.json{
  "num1": "1",
  "num2": "2"
}

このファイルからデータを取得してみましょう：

public/client.jsbutton.addEventListener('click', function() {
  fetch('/data.json').then(response => {
    return response.text();
  }).then(data => {
    console.log(JSON.parse(data));
  });
});

jsonメソッドを利用すると、JSONが自動的にJavaScriptの構造に変換されます：

public/client.jsbutton.addEventListener('click', function() {
  fetch('/data.json').then(response => {
    return response.json();
  }).then(data => {
    console.log(data);
  });
});