jQuery $.post Callback Function (data) is Undefined

Question

I submit a form using jQuery to a php file on my server. Everything works... (the php file gets the right post variables, makes a database entry etc.) But on the response, sometimes 'data' goes wacky.

$('#form_submit').click( function() {
    $.post("path/to/script.php", $('#form').serialize(), function(data) {
        if ( data.status == 1 ) {
            alert('awesome sauce');
        } else {
            alert('crap');
        }
    }, "json");
});

php script returns (on success)

$response['status'] = 1;
$response['message'] = 'worked';
echo json_encode($response);
exit();

I'm getting a whole lot of crap, and not enough awesome sauce.

Does anyone have an idea why sometimes 'data.status' is undefined, and sometimes it isn't?

Answer 1

Try it like this>

$('#form_submit').click( function() {
$.post("path/to/script.php", $('#form').serialize(), function(data) {
var obj = jQuery.parseJSON(data);
    if ( obj.status == 1 ) {
        alert('awesome sauce');
    } else {
        alert('crap');
    }
});
});

Answer 2

How does exit() behave with regards to output buffering? Does it flush the output buffer?

Answer 3

try this one:

$('#form_submit').click( function() {
    $.post("path/to/script.php", $('#form').serialize())
     .success(function(){
        alert('awesome sauce');
     }).error(function(){
        alert('crap');
     });
});