php - jQuery Ajax 表单提交，调用 php 登录脚本

Question

感谢您检查我的问题...我在通过 Ajax 提交登录表单以运行 php 脚本并返回一组新的 html 项目时遇到问题，这些项目将替换 #userlinks 中的 HTML...这是我到目前为止所拥有的

$("#login_form").submit(function() { return false; });

$('#login_button').click(function(event) {
    $form = $(this).parent("form");
    $.post($form.attr("action"), $form.serialize(), function(data){
        $('#userlinks').html(data);
    }); 
});

HTML:
    <form id="login_form" name="login" action="login.php">

PHP:
$username = empty($_COOKIE['username']) ? '' : $_COOKIE['username'];
$id = empty($_COOKIE['id']) ? '' : $_COOKIE['id'];

if ($username && $id) {
throw new RedirectBrowserException('index.php');
} else {
$action = empty($_POST['action']) ? '' : $_POST['action'];
if ($action == 'do_login') {
    $username = empty($_POST['username']) ? '' : $_POST['username'];
    $password = empty($_POST['password']) ? '' : $_POST['password'];
    echo handle_login($username, $password);
} else {
    throw new RedirectBrowserException('index.php');
}
}

php 脚本检查用户名和密码的发布数据，但我得到的只是页面刷新，没有任何更改。除非我将 login_button 转换为链接并稍微更改脚本，否则什么都不会返回...任何帮助将不胜感激!

Answer 1

试试这个:

$("#login_form").submit(function(event){

    $.post($(this).attr("action"), $(this).serialize(), function(data){
        $('#userlinks').html(data);
    });

    event.preventDefault();  
});