JSON:n hankinta AJAX:n kautta JavaScriptissä
Yleinen käytäntö on, että palvelin toimittaa dataa JSON-muodossa. Katsotaan kuinka käsitellä tätä. Oletetaan, että palvelimella on seuraava tiedosto:
{
"num1": "1",
"num2": "2"
}
Haetaan data tästä tiedostosta:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Voit käyttää json-metodia,
jotta JSON muunnetaan automaattisesti
JavaScript-rakenteeksi:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Oletetaan, että palvelin toimittaa JSON:in, joka sisältää taulukon.
Käy tämä taulukko läpi silmukalla ja kirjoita
jokainen sen elementti erilliseen li-elementtiin.
