Lấy JSON qua AJAX trong JavaScript

Một thực tế phổ biến là máy chủ trả về dữ liệu ở định dạng JSON. Hãy cùng xem cách làm việc với nó. Giả sử trên máy chủ có tệp sau:

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

Hãy lấy dữ liệu từ tệp này:

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

Có thể sử dụng phương thức json để JSON tự động chuyển đổi thành cấu trúc JavaScript:

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