ajax - 登录并将 div 部分更改为“欢迎 $username”

Question

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

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

我需要做的是，

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

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

有人可以帮我吗？

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只包含登录用户的用户名。