gpt4 book ai didi

javascript - 使用纯 JavaScript 提交表单后重定向

转载 作者:太空宇宙 更新时间:2023-11-03 23:47:57 25 4
gpt4 key购买 nike

在我的表单中,我让用户输入链接,我的目标是重定向到该链接。但是,我的问题是,每当我尝试让用户重定向时,表单都不会重定向到该页面。有几个人推荐了这个:

<form>
<input type="text" name="blah blah blah" id="url">
<input type="submit" onclick="return submit_form()">
</form>
function submit_form(){
window.location.href="a url";
return false;
}

但是,当我这样做时,我的服务器没有收到用户的输入。我该如何解决这个问题?

编辑:我也尝试过这个:

function submit(){
url = getElementById("url").value;
window.location.href = "url";

}

最佳答案

当您使用浏览器 javascript 将 window.location.href 设置为 URL 时,您的浏览器会立即导航到该 URL,而无需服务器的干预。这类似于在浏览器的地址栏中输入 URL。

如果您希望服务器进行导航,则需要更复杂的设置。在你的浏览器上,类似这样。

<form action="/your/server/route">
<input type=hidden" name="redirect" value="https://example.com/where/to/redirect">
<input type="text" name="blah blah blah">
<input type="submit" >
</form>

然后在您的 Node 代码中处理 /your/server/route ...

if (req.body.redirect) res.redirect(req.body.redirect)

这样,您的服务器就会告诉浏览器进行重定向,作为处理表单发布的一部分。

安全提示网络蠕虫可能会滥用您将重定向 URL 从浏览器传递到服务器的情况。在使用它实际重定向之前,请务必验证 req.body.redirect 以确保它符合您的预期。

关于javascript - 使用纯 JavaScript 提交表单后重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60342292/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com