Hämta JSON via AJAX i JavaScript
En vanlig praxis är att servern levererar data i formatet JSON. Låt oss se hur man arbetar med detta. Låt oss anta att servern har följande fil:
{
"num1": "1",
"num2": "2"
}
Låt oss hämta data från denna fil:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Man kan använda metoden json
för att JSON automatiskt ska omvandlas
till en JavaScript-struktur:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Antag att servern levererar JSON med en array.
Iterera genom denna array med en loop och skriv
varje element till en separat li.
