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

我想构建一个登录页面，在单击submit按钮时将用户重定向到主页，但我还想查看要发送到后端的表单的详细信息。如何实现这一点？

如果您使用的是vanilla js，您可以使用

e.preventDefault()

在onSubmit函数中，然后将数据发布到后端并重定向页面 利用

window.location.href = "<redirect-url>"

window.location.href=“”

HTML表单的默认行为是将请求发布到后端。如果需要，这当然可以被覆盖，但在这种情况下，默认值是您想要的行为

有大量不同的编程语言可用于完成后端任务以及各种框架和库。例如，您可以使用PHP，这是一种流行的服务器端编程语言。在此基础上，您可以使用CodeIgniter这样的框架，它负责语言的大部分“繁重工作”，可以更快地启动和运行，但在从头开始编写代码时，灵活性会降低

目前您对特定的后端语言有什么知识或偏好吗

---

重定向可以通过多种方式处理，在您的场景中最常见的是发布到预期的目的地（通过表单上的action属性）——在这种情况下，是主页的url（通常是相对的“/”，这通常是首选的，或者您可以使用完整的路径/域名）

下面是一个非常基本的示例，说明如何使用Ajax和PHP：

你的html

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

和您的php示例（user.php）

---

我主要熟悉python和Javascript，但我不明白的是，当我向action属性添加一个链接时，在提交表单时，会出现一个page not found错误。我在submit按钮的onclick属性上添加了一些JavaScript代码来执行window.open（“home.html”），但我认为它并没有将表单细节提交到后端

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);
}

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