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?

You have to parse the JSON into a JavaScript object: http://stackoverflow.com/questions/4935632/how-to-parse-json-in-javascript — Felix Kling, Sep 07 '11 at 18:07

score 4 · Answer 1 · answered Sep 07 '11 at 18:06

4

Like so:

alert(response.success);

answered Sep 07 '11 at 18:06

Naftali

144,921
39
244
303

2

@genesis -- yes it will, `$.ajax()` usually knows what type the return is based on the response – Naftali Sep 07 '11 at 18:08
1

in case Content-Type is application/json. +1 though – genesis Sep 07 '11 at 18:08

score 3 · Answer 2 · answered Sep 07 '11 at 18:06

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

score 2 · Answer 3 · answered Sep 07 '11 at 18:05

2

Try this:

alert(response.success);

answered Sep 07 '11 at 18:05

Chandu

81,493
19
133
134

score 2 · Accepted Answer · answered Sep 07 '11 at 18:08

2

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.

answered Sep 07 '11 at 18:08

Clive

36,918
8
87
113

thanks, adding the dataType did it. I called it right before posting he question but the dataType was required for me. – Linda Sep 07 '11 at 18:17

Using a JSON response

4 Answers4

Linked