JSON lekérése AJAX segítségével JavaScriptben
Gyakori gyakorlat, hogy a szerver JSON formátumban adja vissza az adatokat. Nézzük meg, hogyan kell ezzel dolgozni. Tegyük fel, hogy a szerveren van egy ilyen fájl:
{
"num1": "1",
"num2": "2"
}
Kérjük le az adatokat ebből a fájlból:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Használhatjuk a json metódust,
hogy a JSON automatikusan JavaScript
struktúrává alakuljon:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Tegyük fel, hogy a szerver egy tömböt tartalmazó JSON-t ad vissza.
Járja be ezt a tömböt ciklussal és írja
minden elemét egy külön li elembe.
