Using a JSON response

Question

I get the following response from the server after doing an ajax request:

{"error":false,"success":true}

My ajax code:

$.ajax({
 url: '/update',
 type: 'post',
 data: $(this).serialize(),
 success: function(response) {
 alert(response)
 },
 error: function() {
 alert('An error occured, form not submitted.');
 }
});

instead of alerting the whole response I want to alert the value of "success", which in this case would be true. How to do this?

• Felix Kling: You have to parse the JSON into a JavaScript object: stackoverflow.com/questions/4935632/…

Answer 1

Like so:

alert(response.success);

• Naftali: @genesis -- yes it will, $.ajax() usually knows what type the return is based on the response
• genesis: in case Content-Type is application/json. +1 though

Answer 2

 $.ajax({
 url: '/update',
 type: 'post',
 dataType: 'json', 
 data: $(this).serialize(),
 success: function(response) {
 alert(response.success)
 },
 error: function() {
 alert('An error occured, form not submitted.');
 }
 });

Answer 3

alert(response.success);

would do it, you can add dataType: 'json' to your $.ajax options to make absolutely sure it's evaluated as an object in your callback.

• Linda: thanks, adding the dataType did it. I called it right before posting he question but the dataType was required for me.

Answer 4

Try this:

alert(response.success);