Wie Informationen korrekt aus der JSON-Datei abgerufen werden?

Question

$.ajax({ 
url: "https://owapi.net/api/v3/u/KataCat-1203/blob", 
dataType: 'json', 
data: data, 
success: function (data) { 
    $('#heroStats_elims').html(data.heroes.stats.competitive.roadhog.average_stats.eliminations_average); 
}}); 

Das ist meine JS-Datei und das ist, wo ich versuche, die Informationen in

<div class="col-md-4"><div class="page-header"><h2>Eliminations <small>Average</small></h2></div> 
      <div id="heroStats_elims"></div> 
      </div> 

Das Problem ist, zu setzen, dass die Informationen nicht in meine div-Element wird, warum ist das so? Wie repariere ich das?

Answer 1

Sie haben vergessen, eines der Länder oder any zuerst aus Ihren Antwortdaten auszuwählen.

Es sollte wie folgt sein:

$('#heroStats_elims').html(data.us.heroes.stats.competitive.roadhog.average_stats.eliminations_average); 

Bitte beachte, dass ich us nach data hinzugefügt und vor heroes

Auch vergessen Sie nicht zu prüfen, ob Werte null oder nicht definiert oder leer sind, bevor sie tatsächlich Zuweisen der Daten zu einer Variablen oder einem Element. Alle anderen Länder sind null, mit Ausnahme von us in Ihrem Beispiel.