JSON ophalen via AJAX in JavaScript

Het is een gangbare praktijk dat servers gegevens terugsturen in het JSON-formaat. Laten we eens kijken hoe we hiermee kunnen werken. Stel dat op de server volgend bestand aanwezig is:

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

Laten we de gegevens uit dit bestand ophalen:

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

We kunnen de methode json gebruiken, zodat JSON automatisch wordt omgezet in een JavaScript-structuur:

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