Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

Possible Duplicate:
jquery reading nested json

I would really like to have a hard and fast method to loop through multiple records in JSON, each with potentially deep nesting. I simply want to output to a table.

I am unsure of what arguments need to be passed through the function() for either $.each() or for the javascript methodology of $.ajax() success. All examples seem to use generic words "data" or "obj" but those confuse me - are they built-in functional arguments or can I name them whatever I want like:

$.each(foo, function(bar){

});

And how can I keep track of where I am in the loop / nest?

I would prefer to use JQuery, but I should also know the straight-forward JavaScript method to do so. And I'd also like to know if it's possible without a hundred lines of code.

With this JSON as an example:

{
date: " 2012-10-18 16:58:35.104576",
data: [
    {
        title: "The Princess Bride",
        rating: "PG", 
        length: 128,
        stars : [
                "Gary Elwes",
                "Robin Wright",
                "Christopher Guest"
            ]

    },
    {
        title: "This is Spinal Tap",
        rating: "R",
        length: 105,
        stars: [
                "Christopher Guest",
                "Michael McKean",
                "Harry Shearer"
            ]
    }
]
}

I can't find any useful examples that include nested JSON, even here in the StackOverflow.

what's the most efficient way to loop through and assign each element to a table cell? The HTML output is not important - I know how to make a table... How do I get the "stars"?

When I use the Chrome console and simply $.getJSON('/example'); I get the entire JSON returned in the responseText, starting with "{"date":"2012-10-18 ,"data": [{"title": "The Princess Bride", However in neither the JSON docs, the JQuery docs on $.getJSON, nor in any JavaScript examples can I find a reference to responseText. So, I'm lost. What argument does $.getJSON need to objectify the responseText?

share|improve this question
Regarding your last comment, you'll want to parse it. Try var myData = JSON.parse(responseText); You might find it helpful to output it to the console, too: console.log(myData) Then you can do something like var someStars = myData.data[0].stars; Let me know if you have any questions about looping through your data. – IanW Oct 22 '12 at 22:29

marked as duplicate by undefined, Kate Gregory, ЯegDwight, owlstead, bensiu Oct 23 '12 at 3:28

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

1 Answer

up vote 2 down vote accepted

try

obj.data[0].stars // Will give you the stars in 1st Object

obj.data[0].stars[0] // Gary Elwes

FIDDLE

To iterate thru the Stars object You can try this

$.each(obj.data , function(key , value){ // First Level
    $.each(value.stars , function(k , v ){  // The contents inside stars
        alert(v)
    });        

});

UPDATED FIDDLE

EDIT

 $.ajax({
      // Parameters 

      success : function(obj){
            $.each(obj.data , function(key , value){ // First Level
                 $.each(value.stars , function(k , v ){  // The contents inside stars
                     alert(v)
                 });     
            });
      }
  });
share|improve this answer
What if the JSON is coming in via AJAX? How can I assign var obj via AJAX? – Jon Mitten Oct 22 '12 at 21:50
1  
Check edited post.. You object will be in the callback of your Ajax request – Sushanth -- Oct 22 '12 at 22:33
When I do: ` $.ajax({ url:'/example', dataType:'json', success: function(obj){ $.each(obj.data, function(key, value){ $.each(value.stars, function(k,v){ alert(v); }); }); } }); ` I get Uncaught TypeError: Cannot read property 'length' of undefined I wish I could figure out how to debug this myself, but what am I doing wrong? – Jon Mitten Oct 22 '12 at 22:49
Check the console section for any errors .. What does the request and response show in the console.. Also set type: 'POST' for your ajax request – Sushanth -- Oct 22 '12 at 22:51
1  
Check the request and response data... Also try commenting your loops and try console.log(obj) .. What do you see?? – Sushanth -- Oct 22 '12 at 22:59
show 3 more comments

Not the answer you're looking for? Browse other questions tagged or ask your own question.