jQuery Ajax - Callback

Question

Im making an ajax login form. When a user logs in with the wrong password login.php will return "Incorrect password". But javascript doesn't seem to be picking it up.

$('#login_btn').click(function(){
            var username = $('#login_username').val();
            var password = $('#login_password').val();
            $.post("login.php", { username: username, password: password },
                function(data){
                    if(data == 'Incorrect password'){
                        $('#login_callback').html(data);    
                    }
                    else{
                        $('#login').html(data);
                    }
                }
            );                     

        });

I can login fine, but its just when its the wrong password.

Answer 1

Try changing your request to use $.ajax instead of $.post since $.post silently fails.

$.ajax({
   type: "POST",
   url: "login.php",
   dataType: 'text',
   data: { username: username, password: password },
   success: function(data) {
     if(data == 'Incorrect password'){
       $('#login_callback').html(data);        
     }
     else{
       $('#login').html(data);
     }
   },
   error: function(msg) {
    alert("O NOES");
   }
});

This is based on my theory that login.php returns a non-200 response on failure. Just a hunch though.