登录并将 div 部分更改为“welcome $username”

Question

我使用 div 显示用户名/密码/提交

还使用 AJAX 通知“登录无效”而不刷新页面

我需要做的是，

如果登录成功，隐藏用于登录的 div 部分的元素，然后显示“欢迎$username”在同一个 div 中。

（无需重新加载任何页面）

有人可以帮助我吗？

Answer 1

使用 jQuery 的 post 方法：

$.post(
    '/url/to/post/login/details/to/',
    $('#login-form').serilaize(),
    function(data) {
        // hide the existing div and add a paragraph containing the data
        // returned form the server
        $('#some-div')
            .hide()
            .after('<p>' + data + '</p>');
});

假设 data 仅包含登录用户的用户名。