API Import Tutorial?
Kennt jemand ein Tutorial, in dem man Daten aus der API herausbekommt und in HTML anzeigen kann? Es muss ja nicht genau die API sein. Es sollte aber ähnlich sein.
2 Antworten
![](https://images.gutefrage.net/media/default/user/6_nmmslarge.png?v=1438863662000)
Das ist eine JSON.
Die musst du erstmal runterladen. Für json gibt es dann viele libraries die dich das einfach durchsuchen lassen.
hier python https://realpython.com/python-json/ (hier steht weiter unten auch wie du es runterladen kannst in python)
du kannst den code mal hier rein pasten und manuell durchsuchen, damit du die struktur verstehst. http://jsonviewer.stack.hu (einfach reinpasten und oben links auf viewer)
edit: einfaches (ungestestes) beispiel
import json
import requests
response = requests.get("https://api.hypixel.net/skyblock/auctions")
auctions = json.loads(response.text)
print(auctions["auctions"][0]["auctioneer"])
Das sollte dir den auctioneer/veranstalter von der ersten auktion ausgeben.
![](https://images.gutefrage.net/media/user/regex9/1455660989427_nmmslarge__0_13_270_270_615d5a3bc6888f4c1486ce2b4d9d8f60.png?v=1455660989000)
Diese JSON lässt sich leicht mit JavaScript / der Fetch API auslesen.
fetch("https://api.hypixel.net/skyblock/auctions")
.then(response => response.json())
.then(data => {
/* callback: do something ... */
});
Das Ergebnis wird zu einem JavaScript-Objekt geparst. Das heißt, auf jedes JSON-Property kann via data leicht zugegriffen werden.
Beispiel:
const totalPages = data["totalPages"];
console.log(totalPages); // 66
Angenommen, du wolltest nun den Wert von success in einem Element anzeigen. Dann bräuchtest du erst einmal das HTML-Element:
<p id="output"></p>
und in dieses könntest du die Daten eintragen:
// inside callback:
document.getElementById("output").innerText = data["success"];
Ergänzende Artikel dazu: