Wie kann ich eine JSON-Datei lesen und anzeigen lassen?
Ich habe eine API und wollte diese nun mit JavaScript benutzen. Ich möchte also aus der API die Daten lesen und Variablen auf den Wert setzen.
Z.B.
JSON
germany {
TotalInfected: 1234567890
TotalDeaths: 1234567890
}
switzerland {
TotalInfected: -1234567890
TotalDeaths: -1234567890
}
Und jetzt möchte ich die JSON lesen und anzeigen. Also z.B. den ganzen Inhalt in beispielsweise einem div-Element.
<a>Corona daten:</a>
<div class="jsoncontent">(Und dann hier die ganze Datei bzw. den Inhalt)</div>
Danke fürs Helfen.
4 Antworten
Eine ähnliche Fragestellung hatte ich bereits im Bereich Batch.
Damals hatte ich neben der nackten Stringakrobatik in Batch auch eine Html/JavaScript-Lösung zelebriert:
In Deinem Fall wäre ein XMLHttpRequest und die Convertierung in ein JavaScript-Objekt eine optimale Lösung.
mit einem HttpRequest kannst du die daten abholen . wenn die API nicht nur über ein server das zulässt bzw soweiso das nur mit CURL geht.
als file eine URL angeben
ist halt immer die frage , ohne die API zu kennen .
Hierfür ist es empfehlenswert einen kleinen API Wrapper zu schreiben (~ 100 lines). Dieser sollte über die api (mit https requests) die Informationen abfragen und class objects wiedergeben können. Möglicherweise musst du noch einen User agent und/oder eine Verifizierung im Header hinzufügen da manche Server deine request sonst blockieren.
Du kannst mithilfe von JSON.Parse den Inhalt der Antwort einlesen, und dann danach auf das zurückgegebene Objekt/Array wie auf jedes andere zugreifen.
https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
Auf der Seite gibt es auch ein Beispiel.