How do I access an element of this JSON object created by JSON.parse?

Question

I am using an AJAX POST to send a JSON object from the client side my server. However, I'm a little confused as to how to access the object once it gets there.

Here's my POST from the client side:

var data = JSON.stringify({
       'app': 'reviews',
       'name': '',
       'review': '',
       'response': '',
       'rating': rating,
       'url': url,
       'date': date
     });
     console.log(data);
     $.ajax({
           type: "POST",
           url: "https://stormy-plateau-94715.herokuapp.com/",
           data: JSON.stringify(data),
           contentType: "application/json; charset=utf-8",
           dataType: "json",
           success: function(data) {
             alert(data['success']);
           },
           failure: function(errMsg) {
             alert(errMsg);
           }
       });

This works just fine. On my server, I print the body of the request and it looks fine:

"{\"app\":\"reviews\",\"name\":\"\",\"review\":\"\",\"response\":\"\",\"rating\":4.5,\"url\":\"test.com\",\"date\":\"7/5/2016\"}"

Then I call JSON.parse on it, and everything still works as I expected, here is the result:

{"app":"reviews","name":"","review":"","response":"","rating":4.5,"url":"test.com","date":"7/5/2016"}

This is saved in a variable called post. However, when I try to access post.app or post['app'], I get an undefined. Can anybody let me know where I'm going wrong?

Poonam and FDavidov were right, I used stringify twice. I used console.log(post) to print the post variable. — Dan
– Dan, Commented Jul 5, 2016 at 6:24

FDavidov · Accepted Answer · 2016-07-05 06:14:29Z

2

This very same issue happened to me when I mistakenly used JSON.stringify on an object that was already a string, which it looks is exactly what you are doing.

answered Jul 5, 2016 at 6:14

FDavidov

3,7556 gold badges27 silver badges72 bronze badges

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

Comments

Adrian Brand · Accepted Answer · 2016-07-05 06:42:29Z

1

change

var data = JSON.stringify({
   'app': 'reviews',
   'name': '',
   'review': '',
   'response': '',
   'rating': rating,
   'url': url,
   'date': date
 });

to

var data = {
   'app': 'reviews',
   'name': '',
   'review': '',
   'response': '',
   'rating': rating,
   'url': url,
   'date': date
 };

answered Jul 5, 2016 at 6:42

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

Collectives™ on Stack Overflow

How do I access an element of this JSON object created by JSON.parse?

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