JQuery AJAX response handling

Question

Probably some simple derp but I just can't figure this out, I'm using almost identical code in a different solution and it works.

Javascript:

$('#drop').click(function(e) {
    e.preventDefault();
    $('#login').slideToggle(1000);
});

$('#sub').click(function(e) {
    e.preventDefault();
    $('#info').html('<img src="img/load.gif" />')
    $.post('login.php', {user: document.getElementById('user').value, pass: document.getElementById('pass').value}, function(response) {
        if (response == 'ok')
        {
            $('#login').slideUp(500);
            $('#info').html('');
            $('#joocy').html('<img src="img/load.gif" />').load('manage.php');
        }
        else if (response == 'error')
        {
            $('#info').html('Invalid user/pass');
        }
    });
});

PHP:

if ($row = mysql_fetch_array($result))
{
    echo 'ok';
}
else
{
    echo 'error';
}

Response is being sent back but the if-clause isn't catching it. typeof() returns string.

EDIT: else if (response === 'error ') // notice the space in the string

This works, can anyone explain why the space is appended to the returnstring?

SOLVED: There was a space after PHP closing tag. Thanks for your time everyone! :)

what does the response var return, and what does the if clause not do? Returns false always? — Rene Pot
– Rene Pot, Commented Sep 29, 2011 at 6:12
Returns ok or error as expected and if-clause returns false. — chronixlol
– chronixlol, Commented Sep 29, 2011 at 6:19
you are missing a semi-colon after $('#info').html('<img src="img/load.gif" />') — Daniel
– Daniel, Commented Sep 29, 2011 at 6:23
You should provide the rest of the PHP file (especially after the else { echo 'error'; }) since a whitespace character after the PHP close tag (?>)might be sent along with the text. — Nicolae Albu
– Nicolae Albu, Commented Sep 29, 2011 at 6:33
I know this isn’t what you’re after, but you could make your life a lot easier if you would have your server respond with a proper response code and use jQuery's response handlers error and success. — polarblau
– polarblau, Commented Sep 29, 2011 at 6:40

Corey Hart · Accepted Answer · 2011-09-29 06:40:15Z

2

You probably have a space after the closing '?>' tag in your php script. Try either removing all whitespace after, or the closing tag altogether.

answered Sep 29, 2011 at 6:40

Corey Hart

10.7k9 gold badges43 silver badges47 bronze badges

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

Comments

VolkerK · Accepted Answer · 2011-09-29 06:41:17Z

1

Maybe the output contains other characters like e.g. a BOM.
What does

$.post('login.php', {user: document.getElementById('user').value, pass: document.getElementById('pass').value}, function(response) {
    if (response == 'ok')
    {
        $('#login').slideUp(500);
        $('#info').html('');
        $('#joocy').html('<img src="img/load.gif" />').load('manage.php');
    }
    else if (response == 'error')
    {
        $('#info').html('Invalid user/pass');
    }
    var tmpText = "" + response.length + ": ";
    for(var tmpI=0; tmpI<response.length; tmpI++) {
        tmpText += response.charCodeAt(tmpI) + " ";
    }
    $("<fieldset></fieldset>").text(tmpText).appendTo("#info");
});

print?

answered Sep 29, 2011 at 6:41

VolkerK

96.3k20 gold badges169 silver badges232 bronze badges

Comments

Rafay · Accepted Answer · 2011-09-29 06:41:33Z

0

may the additional space is added from the php side of the code, you can use trim

if($.trim(response)==='error')
{
 //
}

answered Sep 29, 2011 at 6:41

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Collectives™ on Stack Overflow

JQuery AJAX response handling

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related