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?

Maybe things go wrong in your PHP script. There is not really enough information to give a proper suggestion. — Felix Kling
– Felix Kling, Commented Sep 29, 2012 at 21:00
i'm using chrome. the thing that gets me is that i'll go grab a cup of coffee, come back and reload the page, and all of a sudden it'll work. — Matisse VerDuyn
– Matisse VerDuyn, Commented Sep 29, 2012 at 21:01
have you tried console.debug(data) ? This may provide insight into what you get at the times when you don't have data.status. Also, check the "network" tab, in chrome. — Will Palmer
– Will Palmer, Commented Sep 29, 2012 at 21:01
i'll try that Will... and i've tried: {"status":1,"message":"worked"} ... WTF — Matisse VerDuyn
– Matisse VerDuyn, Commented Sep 29, 2012 at 21:02

rsz · Accepted Answer · 2012-09-29 21:13:02Z

3

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

edited Sep 29, 2012 at 21:13

answered Sep 29, 2012 at 21:07

rsz

1,1611 gold badge18 silver badges38 bronze badges

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

10 Comments

Taha Paksu Over a year ago

yep I've checked that too but it seems that $.post is converting the JSON output directly to javascript object when it triggers the success event as they wrote in their API docs. (the second example from bottom in api.jquery.com/jQuery.post)

Matisse VerDuyn Over a year ago

so the question i've got then... why is the data parsed correctly by jquery, and sometimes not. (when not using jQuery.parseJSON(data);)

rsz Over a year ago

i had same problems a day ago with json data and this part: var obj = jQuery.parseJSON(data); helped me

Matisse VerDuyn Over a year ago

helped me too, but the unreliability of the other way of doing things is bothering me

dyoo Over a year ago

You can explicitly pass in the dataType parameter to post(); it may be that jQuery is simply not guessing the expected return type properly.

|

Taha Paksu · Accepted Answer · 2012-09-29 21:04:29Z

0

try this one:

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

answered Sep 29, 2012 at 21:04

Taha Paksu

15.6k2 gold badges50 silver badges83 bronze badges

1 Comment

Matisse VerDuyn Over a year ago

yeah, that'll give me a workaround here where i'm guaranteeing that there's a success database-wise (data.status=1), but what if that fails (data.status=0)? this isn't reliable.

Collectives™ on Stack Overflow

jQuery $.post Callback Function (data) is Undefined

2 Answers 2

10 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related