JavaScript JSON object not parsing

Question

Here's my JS code from a success section of an AJAX call:

success: function(msg){
    var data = JSON.parse(JSON.stringify(msg));
    $("#searchResults").html(data + " Value for 'a': " + data.color + "\nValue for 'b': " + data.message);
}

Here's what's printed on the page:

{"color":"Yellow","message":"Pending"} Value for 'a': undefined Value for 'b': undefined

Why are they undefined?

Remove the JSON.stringify.

Musa
– Musa

2015-01-22 14:44:53 +00:00
Commented Jan 22, 2015 at 14:44 — Musa
– Musa, Commented Jan 22, 2015 at 14:44

surajck · Accepted Answer · 2015-01-22 14:48:49Z

1

data in the console.log seems to be a string still, like @Musa said, you need to remove the JSON.stringify

answered Jan 22, 2015 at 14:48

surajck

1,1759 silver badges24 bronze badges

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

Comments

Musa · Accepted Answer · 2015-01-22 16:05:33Z

0

If your ajax response is JSON you should explicitly state so in the request so that it will be parsed automatically for you by jQuery.ajax . dataType: 'json'

$.ajax({
...
    dataType: 'json',
    success: function(data){
        $("#searchResults").html(" Value for 'a': " + data.color + "\nValue for 'b': " + data.message);
    }
...

answered Jan 22, 2015 at 16:05

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Collectives™ on Stack Overflow

JavaScript JSON object not parsing

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related