Wie bekomme ich einen Parameter aus einer externen JSON Datei (URL)?
Hey Leute ich möchte mir den aktuellen Bitcoin Kurs auf meiner Website anzeigen lassen. Habe dazu von einer API eine JSON Datei gefunden die alle 15 Minuten geupdatet wird. https://www.bitstamp.net/api/v2/ticker/btcusd/
Nun frage ich mich wie ich das in einen JS Code einbinde um den aktuellen Kurs anzeigen zu lassen.
Kann mir da einer helfen wie ich das in mein HTML einbinde?
2 Antworten
Mit JS alleine wirst Du das nicht machen können. Warum? Weil das ein Cross-Domain-Request wäre, was i.d.R. unterbunden wird.
Aber es gibt eine andere Lösung: du müsstest auf deinem Webspace eine PHP-Datei hinterlegen die beim Aufruf wiederum die API abrufst. Ein Beispiel findest Du hier:
https://stackoverflow.com/questions/34353924/get-last-bitcoin-price-bitstamp
Dann kannst Du per JS bzw. AJAX diese PHP-Datei aufrufen um den Wert in der Webseite alle X Sekunden zu aktualisieren.
Wenn Du es interaktiv haben willst, kannst Du einfach aus JS heraus einen AJAX-Request absetzen und die Daten dann "zu Fuß" (also mit selbst implementiertem JS) im DOM in die passenden Felder einhängen.
Etwas komfortabler geht es dann mit Hilfsmitteln wie z. B. JQuery.
Wenn Du automatisieren willst, bzw. im Serverbereich unterwegs bist, kannst Du einfach einen HTTP-Request absetzen, Dir die Daten abholen und dann kurz ausparsen. Das geht im Zweifelsfall z. B. auf einem Linux-Server notfalls auch per Shell/awk/perl-Skript. Je nachdem, wie die Datenstruktur aussieht, kann man da sogar ziemlich "quick and dirty" arbeiten. Ansonsten hilft halt nur ein saubererer JSON-Parser weiter, plus ein wenig eigene Programmierarbeit.
Okay erstmal vielen vielen Dank für die Erklärung! :) und wie greife ich dann auf den Link der API in der PHP datei zu?