Pobieranie JSON przez AJAX w JavaScript
Powszechną praktyką jest zwracanie przez serwer danych w formacie JSON. Przyjrzyjmy się, jak z tym pracować. Załóżmy, że na serwerze znajduje się następujący plik:
{
"num1": "1",
"num2": "2"
}
Pobierzmy dane z tego pliku:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Można skorzystać z metody json,
aby JSON automatycznie przekształcił się
w strukturę JavaScript:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Załóżmy, że serwer zwraca JSON z tablicą.
Przejdź pętlą po tej tablicy i zapisz
każdy jej element w osobnej li.
