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:
{
"num1": "1",
"num2": "2"
}
Laten we de gegevens uit dit bestand ophalen:
button.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:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Stel dat de server JSON met een array teruggeeft.
Doorloop deze array met een lus en schrijf
elk element naar een aparte li.
