Hent JSON via AJAX i JavaScript
En almindelig praksis er, at serveren leverer data i formatet JSON. Lad os se på, hvordan man arbejder med dette. Antag, at der på serveren er følgende fil:
{
"num1": "1",
"num2": "2"
}
Lad os hente data fra denne fil:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Du kan bruge metoden json
for at automatisk konvertere JSON
til en JavaScript-struktur:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Antag at serveren leverer JSON med et array.
Gennemgå dette array med en løkke og skriv
hvert element til en separat li.
