Using JSON data returned from ajax

Question

I have a jquery ajax function that works just fine in going out and retrieving data. What I'm experiencing though is that I cannot seem to pull individual json data elements from the returned data using, what I thought was, conventional methods.

$("a[name$='-test']").click(function() {
  var rpc_url = '/history/get_test/' + $(this).attr('id');
  $.ajax({
         url : rpc_url,
        type : 'post',
 contentType : "application/json; charset=utf-8",
    datatype : 'json',
     success : function(data) {
       console.log(data.id);
    }
  }).done(function(data) {
    console.log(data.title);
  });
});

}

Original resulting data was formatted like this;

[{"id":"1","title":"Test title"}]

Then I modified my remote code to just return the data outside of an array context as such;

{"id":"1","title":"Test title"}

As you can see in my code, I tried accessing the data both at the success event and at the done event. Fiddler shows well formatted json as the returned data. Though both continue to yield undefined in the console output for data.id & data.title.

So, am I missing something obvious here?

Thanks.

Yes, you need to JSONDecode it before accessing it this way. (i guess) — mathieu
– mathieu, Commented Apr 11, 2015 at 6:21
Delete your contentType: setting, which describes sent data, not the response. — Roamer-1888
– Roamer-1888, Commented Apr 11, 2015 at 6:31

mathieu · Accepted Answer · 2015-04-11 06:25:27Z

3

Try dataType:'json' instead of datatype:'json' ^^

answered Apr 11, 2015 at 6:25

mathieu

4773 silver badges9 bronze badges

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

1 Comment

Skittles Over a year ago

LMAO!!! I so missed that! Yeah, that was it, alright! Thank you so much for catching that! :)

Brijesh Bhatt · Accepted Answer · 2015-04-11 06:28:50Z

0

Try parsing the data first like this:

JSON.parse(data);

answered Apr 11, 2015 at 6:28

Brijesh Bhatt

3,8303 gold badges20 silver badges34 bronze badges

Comments

benlong · Accepted Answer · 2015-04-11 06:29:05Z

0

datatype changed to dataType

if not evaluate to JSON Object, you need to convert to Object manually, so you should do something like this:

console.log(JSON.parse(data)["title"])

answered Apr 11, 2015 at 6:29

benlong

6781 gold badge7 silver badges16 bronze badges

Collectives™ on Stack Overflow

Using JSON data returned from ajax

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related