Possible Duplicate:
I have a nested data structure / JSON, how can access a specific value?
I am trying to read some json and displays their values .
I have the following JSON feed below and I want to be able to read and output all the value of name , caption, type, id , email values etc I am getting undefined for all of them
///html
<div id="results"></div>
My json looks like this
{
"action":"index.html",
"method":"post",
"html":[
{
"type":"fieldset",
"caption":"User information",
"html":[
{
"name":"email",
"caption":"Email address",
"type":"text",
"placeholder":"E.g. user@example.com",
"validate":{
"email":true
}
},
{
"name":"password",
"caption":"Password",
"type":"password",
"id":"registration-password",
"validate":{
"required":true,
"minlength":5,
"messages":{
"required":"Please enter a password",
"minlength":"At least {0} characters long"
}
}
},
{
"name":"password-repeat",
"caption":"Repeat password",
"type":"password",
"validate":{
"equalTo":"#registration-password",
"messages":{
"equalTo":"Please repeat your password"
}
}
},
{
"type":"radiobuttons",
"caption":"Sex",
"name":"sex",
"class":"labellist",
"options":{
"f":"Female",
"m":"Male"
}
},
{
"type":"checkboxes",
"name":"test",
"caption":"Receive newsletter about",
"class":"labellist",
"options":{
"updates":"Product updates",
"errors":{
"value":"security",
"caption":"Security warnings",
"checked":"checked"
}
}
}
]
},
{
"type":"fieldset",
"caption":"Address information",
"html":[
{
"name":"name",
"caption":"Your name",
"type":"text",
"placeholder":"E.g. John Doe"
},
{
"name":"address",
"caption":"Address",
"type":"text",
"validate":{ "required":true }
},
{
"name":"zip",
"caption":"ZIP code",
"type":"text",
"size":5,
"validate":{ "required":true }
},
{
"name":"city",
"caption":"City",
"type":"text",
"validate":{ "required":true }
},
{
"type":"select",
"name":"continent",
"caption":"Choose a continent",
"options":{
"america":"America",
"europe":{
"selected":"true",
"id":"europe-option",
"value":"europe",
"html":"Europe"
},
"asia":"Asia",
"africa":"Africa",
"australia":"Australia"
}
}
]
},
{
"type":"submit",
"value":"Signup"
}
]
}
My code look like this:
$(document).ready(function() {
$('#letter-b a').click(function() {
$.getJSON('dformexternal.json', function(data) {
$('#results').empty();
$.each(data, function(entryIndex, entry) {
var html = '<div class="entry">';
html += '<h3 class="html">' + entry['html'] + '</h3>';
html += '<div class="name">' + entry['name'] + '</div>';
html += '<div class="caption">' + entry['caption'] + '</div>';
html += '<div class="type">' + entry['type'] + '</div>';
html += '<div class="definition">';
html += entry['definition'];
if (entry['name']) {
html += '<div class="name">';
$.each(entry['name'], function(lineIndex, line) {
html += '<div class="name">' + line + '</div>';
});
if (entry['caption']) {
html += '<div class="caption">' + entry['caption'] + '</div>';
}
html += '</div>';
}
html += '</div>';
html += '</div>';
$('#results').append(html);
});
});
return false;
});
});
I cant seem to access any of the values. What have I done wrong? Any help would be great.
