JQuery JSON mit $.each

[kekskruemel]

Hallo,

ich versuche gerade die ersten kleinen Sachen mit Javascript und JQuery.

Dabei habe ich eine JSON Datei (person.json) im Unterordner json mit folgendem Inhalt:
CODE {
"name" : "Theo",
"age" : "18",
}


In meiner HTML Datei habe ich ein JavaScript eingebaut:

CODE <div id='Ergebnisse' title='Ergebnisse' class='panel' scrolling='yes'>
<div class="Spieltag"> </div>

<script type="text/javascript">
$.getJSON('json/person.json', function(data) {
$.each(data, function(key, value) {
$('.Spieltag').html(value.name)
})
});
</script>
</div>


Leider zeigt er mir nichts auf der Seite als Ergebnis an. Ich finde aber auch den Fehler nicht. Die Konsole zeigt mir auch nichts an, wenn ich
$('.Spieltag&#39.html(value.name)
durch
console.log(value.name)
ersetze.


Wo liegt der Fehler?

Vielen lieben Dank

 

[Sascha Ahlers]

QUOTE (kekskruemel @ Mo 13.05.2013, 14:48) [...]

CODE {
 "name" : "Theo",
 "age" : "18",
}

[...]

Dein JSON-Code ist falsch, nehm mal das letzte Komma hinter "18" weg...

 

[kekskruemel]

Achso das hatte ich schon abgeändert.
Hat leider nichts geändert.

 

[Sascha Ahlers]

Schau mal hier, es gibt sogar eine Anleitung dazu im Netz: http://api.jquery.com/jQuery.getJSON/

Wenn Du die umgesetzt hast, dann frage ich mich, wieso Du versuchst auf name.value zu zugreifen, wenn es einfach nur value heißen müsste, entsprechend Deiner Funktion, die Du ja dort aufrufst.

Möchtest Du es in Form von name.value zugreifen, wird dort auch klar beschrieben, wie es zu tun ist:
CODE $.getJSON( "json/person.json", function( data ) {
console.log( "JSON Data: " + data.name );
});


Nur mal als Zugriffsbeispiel. Du solltest also nochmal die Dokumentation genau dazu lesen.

Und im Zweifel würde ich rekrusiv mir mal die Daten dann aus dem Objekt data zurückgeben lassen, dann sehe ich auch, wie es aufgebaut ist, sollte das so immer noch nicht klappen.