Форма входа в JQuery / AJAX.

У меня есть довольно простая форма входа в систему, которая отправляется с запросом jQuery AJAX. В настоящее время единственный способ представить это - нажать "Авторизоваться" кнопку, но я хотел бы иметь возможность отправить форму, когда пользователь нажимает "Войти".

Я только когда-либо делал представления формы, используя запросы jQuery AJAX, но яЯ не уверен, какие изменения мне нужно будет сделать, чтобы форма также была отправлена, когда пользователь нажимает "Войти".

HTML:



    Username
    

    Password
    



Login

JavaScript:

$(document).ready(function() {

    $('#login').click(function() {

        $.ajax({
            type: "POST",
            url: 'admin/login.php',
            data: {
                username: $("#username").val(),
                password: $("#password").val()
            },
            success: function(data)
            {
                if (data === 'Correct') {
                    window.location.replace('admin/admin.php');
                }
                else {
                    alert(data);
                }
            }
        });

    });

});

Выдержка из login.php:

$stmt = $pdo->prepare("SELECT * FROM users WHERE username = :username AND password = :password");
$stmt->execute(array(
    ':username' => $user,
    ':password' => $pass
));

$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);

$affected_rows = $stmt->rowCount();

if ($affected_rows == 1) {
    //add the user to our session variables
    $_SESSION['username'] = $username;
    echo ('Correct');
} else {
    echo 'Incorrect username/password';
}

Ответы на вопрос(3)

Ваш ответ на вопрос