Obținerea JSON prin AJAX în JavaScript
O practică comună este ca serverul să returneze date în formatul JSON. Să vedem cum să lucrăm cu acesta. Să presupunem că pe server există următorul fișier:
{
"num1": "1",
"num2": "2"
}
Să obținem datele din acest fișier:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Puteți utiliza metoda json
pentru ca JSON să se transforme automat
într-o structură JavaScript:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Să presupunem că serverul returnează JSON cu un array.
Parcurgeți acest array cu bucla și scrieți
fiecare element al său într-o li separată.