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?

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?

• javascript
• jquery
• ajax
• json

• You have to parse the JSON into a JavaScript object: stackoverflow./questions/4935632/… – Felix Kling Commented Sep 7, 2011 at 18:07

4 Answers 4

Like so:

alert(response.success);

   $.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.');
        }
    });

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.

Try this:

alert(response.success);