jQuery Accessing a JSON object?

Question

I get the following back from an $.ajax({ POST.....

[{"total_votes":1,"options":[{"id":40,"vote_count":0,"users":[]},{"id":41,"vote_count":1,"users":[{"photo":"xxxxxxxxxxx.png","name":"XXXXX,"id":1}]},{"id":42,"vote_count":0,"users":[]}]}]

so I try to get total_votes with:

    success: function(e) {
        console.log(e['total_votes'])       
    }

also try to get

        console.log( e['options'].length() )
        console.log( e['options'][0]['id'] )

Suggestions on why I keep getting undefined? Also is there a better way to loop through options?

Thanks

You excluded some important details from your $.ajax() method. Did you set the dataType: property to 'json'? If not, is it being sent from the server with the proper headers? — user113716
– user113716, Commented Jun 26, 2011 at 18:42
@AnApprentce, I think ur Json is not correctly formatted. you may need to check the returned type using firbugs in firefox. — tkt986
– tkt986, Commented Jun 26, 2011 at 18:51

Kevin Decker · Accepted Answer · 2011-06-26 18:32:37Z

8

Your root object is an array, so you would need to do something like e[0]['total_votes']. Also the length of an array is not a function its a property so you would want to do e[0].options.length or e[0]['options'].length.

answered Jun 26, 2011 at 18:32

Kevin Decker

2,2751 gold badge17 silver badges17 bronze badges

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

2 Comments

Felix Kling Over a year ago

@AnApprentice: Works if your JSON is parsed: jsfiddle.net/fkling/aJNCm. Parse it or set dataType: 'json'.

Kevin Decker Over a year ago

Is the data being parsed as json or a string? What happens if you set dataType: "json" in the options section? (See api.jquery.com/jQuery.ajax)

SeanCannon · Accepted Answer · 2011-06-26 18:34:50Z

2

Loop through them with $.each()

answered Jun 26, 2011 at 18:34

SeanCannon

78.2k17 gold badges126 silver badges145 bronze badges

Comments

Ry- · Accepted Answer · 2011-06-26 18:34:35Z

1

It would be e[0].total_votes according to your example JSON response (it's in an array).

answered Jun 26, 2011 at 18:34

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

1 Comment

Ry- Over a year ago

@AnApprentice: Did you make sure to define the dataType as "json"?

Hakeem · Accepted Answer · 2011-06-26 18:33:52Z

0

You need to call JSON.parse before dereferencing the JSON object

answered Jun 26, 2011 at 18:33

Hakeem

3461 silver badge8 bronze badges

Comments

tkt986 · Accepted Answer · 2011-06-26 19:26:03Z

Formatted ur Json this way, you can get the "total_votes" value like this

success: function(e) {
    console.log(e[0].total_votes);

}

 [
    {
        "total_votes": 1,
        "options": [
            {
                "id": 40,
                "vote_count": 0,
                "users": []
            },
            {
                "id": 41,
                "vote_count": 1,
                "users": [
                    {
                        "photo": "xxxxxxxxxxx.png",
                        "name": "XXXXX",
                        "id": 1
                    }
                ]
            },
            {
                "id": 42,
                "vote_count": 0,
                "users": [
                    {}
                ]
            }
        ]
    }
]

check out here

Collectives™ on Stack Overflow

jQuery Accessing a JSON object?

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Related