Wie JSON Parse von einem Web-api in JavaScript

-3

Ich versuche, diese HummingBird api mit Beispiel-URL zu analysieren: http://hummingbird.me/api/v1/search/anime?query=naruto Wie JSON Parse von einem Web-api in JavaScript

Aber ich weiß nicht, wie jede ID separat zu bekommen, oder jede separat Namen. Zum Beispiel: -

<!DOCTYPE html> 
    <html> 
    <body> 

    <h2>Create Object from JSON String</h2> 

    <p id="demo"></p> 

    <script> 
    document.getElementById("demo").innerHTML = //make this display name 

    </script> 

    </body> 
    </html>

Ich möchte, dass das Demo-Element den Titel des ersten in der Liste anzeigt. Kann mir jemand sagen, wie ich das machen kann?

Quelle

2016-09-11 Rusab Abrez Asher

reden Sie die 'query = naruto' in' { "Abfrage": "naruto"} Spaltung? '? – Jaketr00

suchen Sie nach JSON.parse ??? Kein – JEY

, für zB in der URL gibt es die JSON: [ { "id": 11, "mal_id": 20, "Slug": "Naruto", "Status": "Fertig Airing" , "url": "https://hummingbird.me/anime/naruto", "title": "Naruto", "alternate_title": "", "EPISODE_COUNT": 220, "episode_length": 23 , und so weiter und ich möchte den Titel dieses einen oder der Folgezahl in der Demo erhalten –

Wenn Sie jQuery unten verwenden, ist das Snippet, das Sie verwenden können.

var results = ""; 
$.get("http://hummingbird.me/api/v1/search/anime?query=naruto",function(data){ 
    results = JSON.parse(data); 
}); 
console.log(results);

Quelle

2016-09-11 19:03:00

Sollte dies im $ (document) .ready ......... {} Ding sein? Auch wie kann ich zum Beispiel etwas bestimmtes aus dem Ergebnis wie nur die Anzahl der Episoden bekommen? –

Sie müssen die Grundlagen von JSON in JavaScript kennen, um dies zu erreichen. Sie können Google dazu verwenden, die entsprechende Dokumentation zu finden. http://www.json.org/js.html – Jaketr00

Dies kann auch mit 'jQuery.getJSON()' (http://api.jquery.com/jQuery.getJSON/) erreicht werden – Jaketr00

mmm versuchen, diese Geige i nicht genau wissen, wie Sie die Datei lesen, aber wenn Sie eine Zeichenfolge, bevor die JSON.parse(STRING) bekommen.

https://jsfiddle.net/79a1abbL/3/

Quelle

2016-09-11 19:11:22 Salvatore

Danke, dass hilft mir, ein wenig von dem Weg zu verstehen, zu nehmen –

, wenn Sie die JSON von URL lesen müssen versuchen, dies zu sehen: http: //stackoverflow.com/questions/12460378/how-to-get-json-from- url-in-javascript – Salvatore

Herunterladen JQuery von here und die Datei neben Ihrem html setzen.
Dieses Element zwischen dem html-Tag und die body

<head> 
 
    <script type="text/javascript" src="jquery-3.1.0.min.js"></script> 
 
</head>

ersetzen document.getElementById("demo").innerHTML = mit:

$(document).ready(function(){ 
 
       $.getJSON("http://hummingbird.me/api/v1/search/anime?query=naruto", null, function (data) {document.getElementById("demo").innerHTML = data[0].title}) 
 
      })

JQuery ist eine JS-Bibliothek, die das Leben leicht macht. Die Funktion unter 1-Funktion als ein Argument nimmt, und führt es aus, nachdem die Seite

$(document).ready()

Die nächste Funktion eine HTTP-GET-Anforderung und analysiert die Antwort auf js Objekt

$.getJSON("http://hummingbird.me/api/v1/search/anime?query=naruto", null,...)

Die nächste Funktion geladen ist der Titel des ersten Elements wird data

function (data) {document.getElementById("demo").innerHTML = data[0].title}

Quelle

2016-09-11 19:13:51 AvielNiego

Dank lädt mann –

Ich habe versucht, aber das hat nicht funktioniert entweder:/schätze das Detail tho –

Wie JSON Parse von einem Web-api in JavaScript

Antwort

Verwandte Themen