javascript - 登录时将用户重定向到主页

Question

我想构建一个登录页面，在单击提交按钮后将用户重定向到主页，但我还希望将表单的详细信息发送到后端。我怎样才能做到这一点？

标签： javascripthtmlsubmit

Answer 1

下面是一个非常基本的示例，说明您可以使用 Ajax 和 PHP 做什么：

你的html

<input id='user' type="text">
<button onClick="setUser()">Set User</button>

你的JavaScript：

function setUser () {  

    var data = new FormData();
    data.append('user', document.getElementById('user').value);

    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'user.php', true);
    xhr.onload = function () {
        if (this.responseText == 1) {
            window.location.href = "/"
        }
    };
    xhr.send(data);
}

例如你的 php (user.php)

if (!empty($_POST['user']) {
    echo "1";
}