JSON über AJAX in JavaScript abrufen
Es ist eine gängige Praxis, dass der Server Daten im JSON-Format zurückgibt. Schauen wir uns an, wie man damit arbeitet. Angenommen, auf dem Server befindet sich die folgende Datei:
{
"num1": "1",
"num2": "2"
}
Lassen Sie uns die Daten aus dieser Datei abrufen:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Sie können die Methode json verwenden,
damit JSON automatisch in eine
JavaScript-Struktur umgewandelt wird:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Angenommen, der Server gibt ein JSON mit einem Array zurück.
Durchlaufen Sie dieses Array mit einer Schleife und schreiben Sie
jedes seiner Elemente in ein separates li.
