API in HTML einfügen

  • <script> $.ajax({ url: "https://eu.api.blizzard.com/wow/guild/Norgannon/infinitum animus?fields=members&locale=de_DE&access_token=USeFQAjyicmXsff73S3QTgSYZMdIJ94ooh", dataType: "json", success: function (output) { console.log(output); var thehtml = $("#api-template").html() .replace("{name}", output.name) .replace("{faction}", output.faction) .replace("{region}", output.region) .replace("{realm}", output.realm) .replace("{profile_url}", output.profile_url); $("#api-content").html(thehtml); var thetbody = $("#api-table-body"); for (var key1 in output.raid_rankings) { var thehtml = $("#api-template-tr").html().replace("{key1}", key1); for (var key2 in output.raid_rankings[key1]) { thehtml = thehtml.replace("{" + key2 + "-world}", output.raid_rankings[key1][key2]["world"]) .replace("{" + key2 + "-region}", output.raid_rankings[key1][key2]["region"]) .replace("{" + key2 + "-realm}", output.raid_rankings[key1][key2]["realm"]); } thetbody.html(thetbody.html() + thehtml); } } }); </script>


    was nicht stimmt denke ich ist die Abfrage bzw die erwartete Antwort nur was da hin soll da habe ich 0 Plan

    Einmal editiert, zuletzt von ichunddu () aus folgendem Grund: Ich probiere mal ein Problem zu erklären Wen ich ein Bild in eine Seite einfügen möchte schreibe ich <img src="bild.gif"> alles klar Für eine Tabelle <tr> usw. Aber mit API habe ich verstanden anfrage stellen und sagen was man wissen möchte Anfrage geht an die url Aber ich weiß icht was ich schreiben muss um die Antwort auf eine Anfrage auch erhalten

  • In Post #21 schreibst Du:

    Zitat

    Aber mit API habe ich verstanden anfrage stellen und sagen was man wissen möchte Anfrage geht an die url Aber ich weiß icht was ich schreiben muss um die Antwort auf eine Anfrage auch erhalten

    Sieh dir meinen Code in Post #15 noch Mal an:

    Code
            $.ajax({
                url: "https://raider.io/api/v1/guilds/profile?region=eu&realm=Norgannon&name=Infinitum%20animus&fields=name,faction,region,realm,profile_url,raid_rankings",
                dataType: "json",
                success: function (output) {
                    console.log(output);

    An die Funktion $.ajax wird die URL übergeben, von wo die Daten geholt werden sollen. D. h. der Browser schickt eine entspr. Anfrage an den Server. Trifft die Anwort darauf ein, wird die Funktion aufgerufen, die bei success notiert ist. Ihr Eingangsparameter, den ich hier output genannt habe, enthält die Antwort vom Server bzw. die Daten die dieser zurück liefert.

  • Was die URL aus Post #22 betrifft: Hier stehen die Daten bereits im Quelltext, d. h. sie werden serverseitig bereit gestellt und nicht über Ajax mit Anfrage und Antwort. Entweder dieser Server hat selbst eine Datenbank oder er greift die Daten von einer anderen Site ab.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!