parsing nested json results with jquery - example inside

Question

Using reddit's json results. Here is an example post I created with 3 repliested (nested).

?([
     {
        "kind":"Listing",
        "data":{
           "modhash":"",
           "children":[
              {
                 "kind":"t3",
                 "data":{
                    "domain":"self.testapiarena",
                    "banned_by":null,
                    "media_embed":{

                    },
                    "subreddit":"testapiarena",
                    "selftext_html":"&lt;!-- SC_OFF --&gt;&lt;div class=\"md\"&gt;&lt;p&gt;Example of selfpost text&lt;/p&gt;\n&lt;/div&gt;&lt;!-- SC_ON --&gt;",
                    "selftext":"Example of selfpost text",
                    "likes":null,
                    "link_flair_text":null,
                    "id":"v4bux",
                    "clicked":false,
                    "title":"testing nested comments",
                    "num_comments":3,
                    "score":1,
                    "approved_by":null,
                    "over_18":false,
                    "hidden":false,
                    "thumbnail":"",
                    "subreddit_id":"t5_2ub3u",
                    "edited":false,
                    "link_flair_css_class":null,
                    "author_flair_css_class":null,
                    "downs":0,
                    "saved":false,
                    "is_self":true,
                    "permalink":"/r/testapiarena/comments/v4bux/testing_nested_comments/",
                    "name":"t3_v4bux",
                    "created":1339833041.0,
                    "url":"http://www.reddit.com/r/testapiarena/comments/v4bux/testing_nested_comments/",
                    "author_flair_text":null,
                    "author":"elzi",
                    "created_utc":1339807841.0,
                    "media":null,
                    "num_reports":null,
                    "ups":1
                 }
              }
           ],
           "after":null,
           "before":null
        }
     },
     {
        "kind":"Listing",
        "data":{
           "modhash":"",
           "children":[
              {
                 "kind":"t1",
                 "data":{
                    "body":"This is a parent comment",
                    "edited":false,
                    "subreddit_id":"t5_2ub3u",
                    "author_flair_css_class":null,
                    "created":1339833054.0,
                    "replies":{
                       "kind":"Listing",
                       "data":{
                          "modhash":"",
                          "children":[
                             {
                                "kind":"t1",
                                "data":{
                                   "body":"This is one comments below the parent level",
                                   "edited":false,
                                   "subreddit_id":"t5_2ub3u",
                                   "author_flair_css_class":null,
                                   "created":1339833067.0,
                                   "replies":{
                                      "kind":"Listing",
                                      "data":{
                                         "modhash":"",
                                         "children":[
                                            {
                                               "kind":"t1",
                                               "data":{
                                                  "body":"A comment below the first child.",
                                                  "edited":false,
                                                  "subreddit_id":"t5_2ub3u",
                                                  "author_flair_css_class":null,
                                                  "created":1339833090.0,
                                                  "replies":"",
                                                  "banned_by":null,
                                                  "downs":0,
                                                  "author":"elzi",
                                                  "created_utc":1339807890.0,
                                                  "body_html":"&lt;div class=\"md\"&gt;&lt;p&gt;A comment below the first child.&lt;/p&gt;\n&lt;/div&gt;",
                                                  "link_id":"t3_v4bux",
                                                  "parent_id":"t1_c517ue3",
                                                  "approved_by":null,
                                                  "likes":null,
                                                  "author_flair_text":null,
                                                  "id":"c517ujo",
                                                  "subreddit":"testapiarena",
                                                  "num_reports":null,
                                                  "ups":1,
                                                  "name":"t1_c517ujo"
                                               }
                                            }
                                         ],
                                         "after":null,
                                         "before":null
                                      }
                                   },
                                   "banned_by":null,
                                   "downs":0,
                                   "author":"elzi",
                                   "created_utc":1339807867.0,
                                   "body_html":"&lt;div class=\"md\"&gt;&lt;p&gt;This is one comments below the parent level&lt;/p&gt;\n&lt;/div&gt;",
                                   "link_id":"t3_v4bux",
                                   "parent_id":"t1_c517uas",
                                   "approved_by":null,
                                   "likes":null,
                                   "author_flair_text":null,
                                   "id":"c517ue3",
                                   "subreddit":"testapiarena",
                                   "num_reports":null,
                                   "ups":1,
                                   "name":"t1_c517ue3"
                                }
                             }
                          ],
                          "after":null,
                          "before":null
                       }
                    },
                    "banned_by":null,
                    "downs":0,
                    "author":"elzi",
                    "created_utc":1339807854.0,
                    "body_html":"&lt;div class=\"md\"&gt;&lt;p&gt;This is a parent comment&lt;/p&gt;\n&lt;/div&gt;",
                    "link_id":"t3_v4bux",
                    "parent_id":"t3_v4bux",
                    "approved_by":null,
                    "likes":null,
                    "author_flair_text":null,
                    "id":"c517uas",
                    "subreddit":"testapiarena",
                    "num_reports":null,
                    "ups":1,
                    "name":"t1_c517uas"
                 }
              }
           ],
           "after":null,
           "before":null
        }
     }
  ])

Here is a jsfiddle that with how far I've gotten: http://jsfiddle.net/FRQ9b/

Could anyone tell me how to get the nested replies below that? So stuck. Thanks!

I'm not quite sure what you want to do. But certainly it involves accessing the correct data. MDN has a good guide about how to work with objects. — Felix Kling
– Felix Kling, Commented Jun 16, 2012 at 1:12
Basically I'd like to be able to return "body":"A comment below the first child." in a manner like I was doing with the previous in the fiddle. — elzi
– elzi, Commented Jun 16, 2012 at 1:33

chrisvillanueva · Accepted Answer · 2012-06-16 07:00:00Z

2

okay, i managed to create a quick demo for you. you can take a look at the [jsfiddle code here.][1] [1]: http://jsfiddle.net/nickadeemus2002/qzNad/

i have it working with some basic loops based on the json data structure. this is just for demo purposes as you'll have to refactor some of the code. however, i have it working so you can see how access the data.

answered Jun 16, 2012 at 7:00

chrisvillanueva

1,3598 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

elzi Over a year ago

this is above and beyond helpful. Thank you so, so much.

elzi Over a year ago

Hmm. Running into a problem actually. In the same $.each, it's getting the POST author, body, selftext that it's using for the PARENT comment. They should be treated as separate entities... think I should be able to fix this though.

Collectives™ on Stack Overflow

parsing nested json results with jquery - example inside

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related