如何将表单提交发布到URL并在提交时重定向到其他URL
如何将表单提交发布到URL并在提交时重定向到其他URL
提问于 2018-11-19 22:56:43
我想把表单字段上传到1 url，然后重定向到不同的url。代码，我有张贴到我想要的网址，但我如何重定向到另一个？我想将提交的内容发布到:www.mywebsite.com/submission URL我想在提交时将用户重定向到:www.antherwebsite.com/确认
到目前为止，我的情况如下：
<form action="https://mywebsite.com/submissions"
method="post">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>回答 2
Stack Overflow用户
回答已采纳
发布于 2018-11-19 23:15:00
有两种方法可以做到这一点：
- 使用Ajax提交表单，成功后，从Javascript重定向
- 正常提交表单，并通过新的url从服务器发送重定向响应。
(2)取决于您的服务器端语言--无论是PHP还是Java。
在后端语言或库中将提供某种重定向功能。它将发送带有备用URL的HTTP 301响应。浏览器将自动加载提供的新URL。
编辑：
对于(1)您可以处理按钮单击，防止默认行为，并通过Ajax手动发布表单。一旦完成，就可以重定向页面。
// this is the id of the form
$("#FormID").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = form.attr('action');
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
alert(data); // show response
window.location.href = "www.anotherwebsite.com/confirmation";
}
});
});Stack Overflow用户
发布于 2018-11-19 23:08:20
提交表单将将您重定向到目标url。如果您想重定向到另一个位置，可以使用ajax请求发布表单。这不会把你转到任何地方。然后，当您收到来自ajax的响应时，您可以重定向到您想要的url。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53383830
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号