JSON-Objekteigenschaft abrufen?

Question

Ich versuche, die Eigenschaftsinformationen für ‚Kind‘ in den JSON-Daten zu uns kommen:

https://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json

ich zur Zeit gerade bin immer auf die Konsole 18 ‚undefined‘ ausgedruckt.

Wohin gehe ich falsch?

Prost

$(document).ready(function(){ 
     var jsonData = $.getJSON('http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json'); 

     for(var key in jsonData) { 
      console.log(key.kind); 
     } 
}); 

Answer 1

$.getJSON liefert einen promise (genauer gesagt, ein jqXHR Objekt, das die Schnittstelle implementiert Versprechen), nicht die Ergebnisse der HTTP-Antwort als JSON Parsen.

Wenn Sie über ein Objekt mit in iterieren, sind die Werte, die Sie erhalten, die Namen der Eigenschaften als Zeichenfolgen. Diese haben keine kind Eigenschaften.

Um zu kind zu gelangen, müssen Sie den Wert lesen, nicht den Namen der Eigenschaft.

Am besten vermeiden Sie jedoch in für Arrays. forEach ist normalerweise ein besserer Ansatz.

function processResponse(parsed_data) { 
 
    parsed_data.forEach(processItem) 
 
} 
 

 
function processItem(current_value) { 
 
    console.log(current_value.kind); 
 
} 
 

 
var jqXHR = $.getJSON('http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json'); 
 

 
jqXHR.done(processResponse);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

Druck nur der Schlüssel das Ergebnis nicht undefiniert zeigt. Wenn du nur den Schlüssel nimmst, wird der Schlüssel angezeigt.

for(var key in jsonData) { 
    console.log(key); 
} 

Answer 3

Gleiche wie Quentin aber mehr lesbar meiner Meinung nach, keine Notwendigkeit für getJSON usw., angekettet w/o Zusatzfunktionen

$.ajax({ 
     method: "GET", 

     url: "http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json", 

     dataType: "json" 

    }).done(function(d) { 
     d.forEach(function(o) { 
      console.log(o.kind); 
     }); 
    }); 

Answer 4

Sie müssen den Erfolg Rückruf passieren Argument in getJson Funktion. Wie das Snippet unten

var jsonData = $.getJSON('https://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json', function(response) { 
     response.forEach(function(key) { 
      console.log(key.kind) 
     }) 
     }); 

Check this JS fiddle

Answer 5

$ .getJSON ist als unten

$(document).ready(function(){ 
    var jsonData = $.getJSON('http://www.reddit.com/r/javascript/comments/29bj6h/how_to_learn_javascript_properly/.json', function(jsonData) { 
     $.each(jsonData, function(key, val) { 
     console.log(val.kind); 
     }); 
    }); 
});