Question

I have a login form using jquery ajax and a php code. The issue is that is always returns an error instead of logging me into the system. I have spent days trying to find the error but I can’t. The webpage displays no errors if I visit it directly. This used to work about a week ago until I accidentally deleted the jquery and now I can’t get it to work.

Here is the PHP code:

include('.conf.php');
$user = $_POST['user'];
$pass = $_POST['pass'];
$result = mysql_query("SELECT * FROM accountController WHERE username = '$user'");
while ($row = mysql_fetch_array($result)) {
    if (sha1($user.$pass) == $row['pword']) {
        setcookie('temp', $row['username']);
        session_start();
        $_SESSION['login'] = 1;
        $_SESSION['uname'] = $row['username'];
        echo "success";
    }
} 

and here is the Jquery AJAX code:

var username = $('#main_username').val();
var password = $('#main_pword').val();
    $('.mainlogin').submit(function() {
        $.ajax({
            url: 'log.php',
            type: 'POST',
            data: {
              user: username,
              pass: password
            },
            success: function(response) {
                if(response == 'success') {
                    window.location.reload();
                } else {
                    $('.logerror').fadeIn(250);
                }
            }
        });
        return false;
    });

How would I check to see what is being returned like blank or success from the server. Is there any extension for safari? Thanks!

Answer 1

Put this in, instead. It will alert the server’s response in a popup.

 success: function(response) {
     alert(response);
 }

On your PHP side, try outputting more stuff – add an }else{ to your if statement that returns some useful data, for example

 }else{
    print("Post is: \n");
    print_r($_POST);
    print("\nMySQL gave me: \n");
    print_r($row); 
 }

Just make sure you don’t leave it in once it’s working!

Look for:

• hash is different
• db field is different
• db fields are blank for some reason
• POST data is wrong / wrong field names

Edit: Here’s another issue: Your first four lines should actually be:

    $('.mainlogin').submit(function() {
        var username = $('#main_username').val();
        var password = $('#main_pword').val();
        $.ajax({

Your code as it is gets the values before the form is submitted – at load – when they are blank, and as a result is sending blank strings to the server as username and password.