JSON Loop using jquery

Question

After reading some questions here, I still have difficulty on making a loop through my JSON results. Here they are:

{
    "data": {
        "posts": [
            {
            "Post": {
                "id": "1",
                "user_id": "1",
                "title": "Test Content",
                "created": "2011-06-30"
                }
            },
            {
                "Post": {
                "id": "2",
                "user_id": "2",
                "title": "New Test Content",
                "created": "2011-06-30"
                }
            }
        ]
    }
}

How can I get Post.title using $.each() ?

It would help a lot if you indented correctly.

sje397
– sje397

2011-07-01 00:09:55 +00:00
Commented Jul 1, 2011 at 0:09 — sje397
– sje397, Commented Jul 1, 2011 at 0:09
Indentation accomplished

Chris Laplante
– Chris Laplante

2011-07-01 00:10:53 +00:00
Commented Jul 1, 2011 at 0:10 — Chris Laplante
– Chris Laplante, Commented Jul 1, 2011 at 0:10
@SimpleCoder - almost ;)

sje397
– sje397

2011-07-01 00:12:52 +00:00
Commented Jul 1, 2011 at 0:12 — sje397
– sje397, Commented Jul 1, 2011 at 0:12
Ah, jsFiddle has let me down...

Chris Laplante
– Chris Laplante

2011-07-01 00:14:13 +00:00
Commented Jul 1, 2011 at 0:14 — Chris Laplante
– Chris Laplante, Commented Jul 1, 2011 at 0:14

The Scrum Meister · Accepted Answer · 2011-07-01 00:11:24Z

6

$.each(jsonObject.data.posts, function(index, val){
    alert(val.Post.title); //Do what you want to the title
});

answered Jul 1, 2011 at 0:11

The Scrum Meister

30.2k8 gold badges69 silver badges65 bronze badges

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

4 Comments

pedrosss Over a year ago

HI! thnks for the reply. Doing what you suggest is giving me a "a is undefined" on debug... is it becouse it comes empty?

The Scrum Meister Over a year ago

@pedrosss What is the object that holds the json data?

pedrosss Over a year ago

I was doing a $.getJSON('url-here', function(data) and retreiving the result as showed in the question...

pedrosss Over a year ago

ignore the comment before, i was using "data" as the jsonObject.. :P Thanks!!!!!!

Zachary · Accepted Answer · 2011-07-01 04:53:41Z

2

Here is a example using jsFiddle.

Example target to output values:

<div id="output"></div>

jQuery Call to Object, iterate over "posts".

/* Create an Object from your JSON data, added based on comment about return results via URL */
var dataObj = JSON.parse(<put your JSON data here>);

$.each(dataObj.data.posts, function(idx, val) {
    /* Show ID */
    $('#output').append($('<p></p>').html('ID = ' + val.Post.id));   

    /* Show Title */
    $('#output').append($('<p></p>').html('Title = ' + val.Post.title));   
});

edited Jul 1, 2011 at 4:53

answered Jul 1, 2011 at 0:20

Zachary

6,53224 silver badges34 bronze badges

2 Comments

pedrosss Over a year ago

Thanks for the answer, but it returns error since i dont know what to put in "dataObj", (im getting the json trough a url)

Zachary Over a year ago

Your result should be a JSON data, you should use the JSON.parse() function to parse the data into an object. You can get the official JavaScript JSON library at JSON.org.

Collectives™ on Stack Overflow

JSON Loop using jquery

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related