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

Vom Fragesteller als hilfreich ausgezeichnet

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

08.04.2018, 20:23

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.

Woher ich das weiß:Berufserfahrung – mit dem Internet verbunden seit 1993

Excalibur123

Fragesteller

08.04.2018, 20:57

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?

threadi

08.04.2018, 21:49

@Excalibur123

Siehe Link oben, da ist ein Beispiel.

dan030

08.04.2018, 21:04

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.

Ähnliche Fragen

Kostenlose Wetter Api (JS/JSON)?

Ich möchte keine Abonnements / 14 Tätige Testversionen buchen.

Am besten auch kein Registrieren auf irgendeiner Website

Muss nichts gutes sein. Ist nur zum üben.

...zur Frage

JSON Datei Phrasen?

Ich möchte Texte aus einer JSON Datei lesen und in meinen HTML Code über js in z. B. ein <p></p> schreiben. Wie man eine JSON Datei schreibt weis ich inzwischen aber im Internet finde ich nur viel zu komplexe Codes um die Datei auch richtig einbinden zu können.

Also meine Frage: Was ist die einfachste Möglichkeit einen Text aus einer JSON in mein HTML Code einzubinden

...zur Frage

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.

...zur Frage

js externe klasse einbinden?

Hallo, Ich habe 2 .js Dateien. In einer sind Klassen die andere ist meine Main.js. Wie kann ich jetzt die Klassen.js in meiner Main.js ausführen bzw einbinden?

...zur Frage

Kennt sich jemand mit Curl / Javascript aus?

Ich hab ne Dokumentation zur API und ein Beispiel in curl. Eigentlich müsste ich es ja nur noch in JS übersetzten, aber ich bekomme es einfach nicht hin. Es soll eine Datei "Datei" mit dem Inhalt value erstellt werden

curl -X POST "-d "param=value" http://server/Datei

JS:

let req = new XMLHttpRequest();
req.open("POST", "http://server/Datei?param=test");
req.send();

Die Datei wird tatsächlich erstellt, aber sie ist leer. Weißt jemand, wo mein Fehler liegt?

...zur Frage

Wie kann ich auf eine andere Datei in JS WebWorkern zugreifen?

Kann man irgendwie Klassen und Funktionen aus anderen Dateien laden und in webworkern benutzen?

//Main.js
const worker = new Worker(„worker.js“);
worker.postMessage(„parameter“);

//worker.js
onmessage = (e)=>{
funktionAusAndererDatei(e.data);
};

...zur Frage

Per JS und Dropdown-Menü Label ändern?

Hallo zusammen,
Ich lade per PHP eine JSON-Datei in ein Dropdown-Menü. Die JSON-Datei enthält mehrere Objekte mit Namen und Preis. Jetzt möchte ich per JS den Preis dazu in einem extra Label errechnen, nur weiß ich nicht wie...

Habt ihr Ideen oder auch "nur" Lösungsansätze?

LG Checker0408

...zur Frage

Wie kann ich in Node.js eine JSON-Datei von einer URL fetchen?

Hallo, allerseits.

In einem Projekt will ich Die UUID eines Minecraft-Spielers herausfinden. dazu gehe ich auf https://api.mojang.com/users/profiles/minecraft/Player Name. Das ist eine JSON Datei. Diese möchte ich jetzt als String in JS haben, damit ich das ID-Element (=UUID) weiterverwenden kann. Ich habe schon einiges recherchiert, aber nichts gefunden. Hat jemand eine Idee, wie ich universell Json Dateien runterladen und als String speichern kann?

Vielen Dank im Vorraus.

...zur Frage

Javascript in HTML einbinden - Problem?

Wie soll ich JS in HTML einbinden? Habe das immer so gemacht:
<script language="javascript" type="text/javascript" src="dateiname.js"></script>

Aber wenn ich dann z.B:

drawBoxes('yyy bbb ggg');

Mache, dann passiert in der HTML Seite garnichts.
LG

CSS in HTML einzubinden funktioniert letzterzeit komischerweise auch nicht. Muss das dann immer intern in der HTML-Datei machen.

...zur Frage

Android Studio (HTML/JavaScript) WebView JS aktivieren?

Hallo da ich in Android Studio meine HTML und JS dateien einbinden will, tue ich dies über Webview. HTML funktioniert, aber JS geht nicht

ich habe dafür in der MainActivity das hier eingefügt

WebView view = new WebView(this);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl("file:///android_asset/index.html");
setContentView(view);

da ist zwar das view.getSettings().setJavaScriptEnabled(true); aber JS funkt trotzdem nicht. Danke im Vorraus!

...zur Frage

Warum kann ich die js nicht einbinden?

Ich sollte ein Programm, welches mein Lehrer geschrieben hat und auf JSfiddle hochgeladen hat, übernehmen, jedoch funktioniert die javascript Datei nicht wenn ich es mit einbinde. Die Css wird aber übernommen. Woran liegt das? Hier ist der Code, so wie ich ihn im Notepad reingefügt habe: https://jsfiddle.net/marvinl/65yx8mqc/1/

...zur Frage

Wie bearbeite ich eine JSON Datei über ein JS Befehl?

Hallo! Ich wollte fragen wie ich über JavaScript Befehle eine JSON Datei bearbeiten kann?

Also als Beispiel:

JSON: "wert":1

JS: ... -> Befehl zum bearbeiten

Danach: JSON: "wert":2

Wie geht das? Es wäre total nett, wenn mir das jemand erklären könnte :)

...zur Frage

JS variablen in Html ausgeben, wobei die Javascript Datei eigenständig ist?

Wir bräuchten eine Lösung um unsere durch eine API generierten Daten auf unserer HTML Seite auszugeben.

Wir haben zum Beispiel ein let test = "Irgendwas" in der JS Datei und wir wollen den String in der HTML Datei ausgeben bzw auf der Website anzeigen lasse. Also es wird keine JQuery verwendet und die Daten liegen einfach als String vor.

...zur Frage

Webview php seite local hosten?

Hallo, ich bin gerade ein bischen am rumprobieren mit webview in android studio, ich würde gerne eine kleine Website welche php, html und js enthält local auf dem Gerät hosten und auch auf diese in webview anzeigen. Ist dies möglich, sodass ich auch Dateien in eine json Datei schreiben kann?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen