如何在表单操作后重定向到另一个页面？
在表单操作后重定向到另一个页面，可以通过以下几种方式实现：
- 使用HTML的form标签和action属性：在HTML中，可以使用form标签来创建表单，并通过设置action属性指定表单提交后要重定向的页面。例如：
<form action="redirect-page.html" method="post">
<!-- 表单内容 -->
<input type="submit" value="提交">
</form>上述代码中，当用户点击提交按钮时，表单将被提交到"redirect-page.html"页面。
- 使用JavaScript的window.location.href属性：在JavaScript中，可以使用window.location.href属性来修改当前页面的URL，从而实现重定向。例如：
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认提交行为
window.location.href = "redirect-page.html";
});上述代码中，当表单提交时，通过JavaScript阻止默认的表单提交行为，并将页面重定向到"redirect-page.html"。
- 使用服务器端的重定向：如果表单数据需要在服务器端进行处理，可以在服务器端代码中实现重定向。具体实现方式取决于所使用的后端开发语言和框架。以下是一个使用Node.js和Express框架的示例：
const express = require("express");
const app = express();
app.post("/submit-form", function(req, res) {
// 处理表单数据
// ...
// 重定向到另一个页面
res.redirect("/redirect-page");
});
app.get("/redirect-page", function(req, res) {
// 渲染重定向后的页面
// ...
});
app.listen(3000, function() {
console.log("Server is running on port 3000");
});上述代码中，当表单提交到"/submit-form"路径时，服务器端会处理表单数据，并通过res.redirect()方法将页面重定向到"/redirect-page"路径。
无论使用哪种方式，重定向到另一个页面可以实现用户在表单操作后的页面跳转。具体选择哪种方式取决于项目需求和开发环境。
相关·内容
我正在尝试将以下html表单提交到一个js文件： <form action="/submit-form" method="POST">
<input type="text" name="username">
<button> Click Here Now </button>
浏览 8提问于2020-08-27得票数 0
回答已采纳
在成功完成表单后，我遇到了将用户重定向到感谢页面的问题。在表单提交之后，它会转到一个空白页面()……我需要它重定向到感谢页面，同时提交表单详细信息的网址在‘表单操作’。
HTML代码：
<form action="https://cunet.sparkroom.com/Sparkroom/postLead/" method="post" name="theForm"
id="theForm" onSubmit="return MM_validateForm();" >
...
</form>
浏览 0提问于2013-07-19得票数 3
如果我想在表单上提交(a)执行某个php文件(url-a)；(b)重定向到另一个文件(url-b)，我应该在html和jquery中使用什么？
我目前实现了jquery表单插件。
如下所示：
步骤a.包含jquery和表单插件脚本；
步骤b。在html中的form元素中：
<form action="url-a.php">
<!--form code inserted here including input elements, etc and submit-->
</form>
步骤c.在js中，
浏览 1提问于2012-01-07得票数 3
2回答
在用户单击HTML表单中的submit按钮后，我希望禁用submit按钮。但是表单直接重定向到下一页，而不禁用按钮。
理想的顺序是：
用户单击提交按钮
验证被执行
提交按钮禁用
表单数据被提交到数据库/电子表格
用户被重定向为“谢谢”页面。
使用下面的代码，唯一的问题是submit按钮没有被禁用，其他的操作都很完美。请建议另一种方法来修复代码。我使用的是运行在jQuery1.4.1上的WordPress。因此，$input.prop(“禁用”，true)也不起作用
HTML:
<form id="test-form" method=&#
浏览 0提问于2018-10-03得票数 0
2回答
我是Express和MongoDB的新手。我用Node.js创建了一个小的web应用，并且使用了Express.js和Mongoose。我可以成功地创建一个用户，并有一个用户登录，但我有问题的用户能够删除他们的帐户。
我在我的routes文件夹中有一个user.js文件，这是我编写注册、登录、删除等代码的地方。这里是GitHub ( )上项目的链接。删除用户帐户的按钮位于views/user/edit.hbs中。我把按钮放在一个表格里。当我单击该按钮时，该用户没有被删除，并且由于某种原因，我被重定向到'/‘。注意:我的routes/user.js文件中的'/:id‘变成了&#
浏览 3提问于2017-01-02得票数 3
回答已采纳
5回答
我见过很多其他与此相关的问题，但没有一个对我有帮助。我正在尝试提交一个POST表单，然后将用户重定向到另一个页面，但这两者都无法实现。我既可以得到重定向，也可以得到邮件，但两者都不能。我现在拥有的是：
<HTML>
<HEAD>
</HEAD>
<BODY>
<script type="text/javascript">
function redirect() {
window.location.href = "ht
浏览 2提问于2013-10-07得票数 1
回答已采纳
我正在使用jQuery验证插件在提交联系人表单之前对其进行验证。
问题是，在成功提交表单后，我应该重定向到“谢谢”页面。
这个是可能的吗？
我的验证代码如下所示：
$("#contactForm").validate({
//debug: true,
rules: {
fullname: "required",
email: {
required: true,
email: true
}
},
submitHandler: function(form) {
form.submit();
浏览 1提问于2014-05-28得票数 0
在我的Node.js应用程序中，我有一个函数(由Express路由)，它向用户呈现一个表单：
app.get('/register', function (req, res) {
res.render('form');
});
我还有另一个函数，它被路由到相同的URL，但它处理POST请求，它接收由前一个表单提交的数据。如果表单没有验证，它会将用户重定向回表单；否则，它会执行应该执行的操作：
app.post('/register', function (req, res) {
if (validate(req.registerForm)
浏览 1提问于2011-08-16得票数 12
回答已采纳
1回答
我尝试了目录上传的新功能，但在服务器请求中没有收到确切的文件夹结构。
<form action="http://localhost:3000/" method="post" enctype="multipart/form-data">
<input id="files" class="file" type="file" name="file[]" webkitdirectory directory>
<input type="submit&#
浏览 3提问于2017-09-18得票数 1
4回答
我在这里写是为了让谁能帮我，因为我是NodeJS新手，所以我试着做一些简单的事情，但到头来它对我不起作用。
我希望从前端，通过ajax方法向后端发出请求。执行它时，从前端将一个JSON对象发送到后端，然后从后端将其重定向到另一个页面到前端(后者是我无法实现的)
我试过的例子
前端
var objAgente = {
"FIRSTNAME": "PEDRO",
"LASTNAME": "PEREZ",
"NRORUT": "12345678
浏览 5提问于2020-01-20得票数 0
回答已采纳
2回答
我试图重定向到另一个URL后，一个POST获取调用。
fetch("/", { method: "POST", redirect: "follow" })
.then((res) => {
console.log(res);
})
.catch(function (err) {
console.info(err + " url: ");
});
后端是一个Express端点，它有一个简单的重定向，
var cors = require('cors
浏览 3提问于2020-10-19得票数 0
回答已采纳
5回答
我使用Ajax (与本地JavaScript)和php的组合来构建登录。
from位于php文件(login.php)中。提交表单时，它运行JS onlclick函数，该函数将表单数据发布到另一个php文件，该文件验证表单数据：
<input type="button" name="submit" value="Submit" onclick="JavaScript:xmlhttpPost('validator.php')"/>
来自validator.php的结果在div中使用JavaScript返回
浏览 8提问于2014-04-27得票数 0
回答已采纳
我正在尝试建立一个使用node.js、express和passport.js的登录机制。Login本身工作得很好，会话也很好地存储在redis中，但我确实在将用户重定向到他在被提示进行身份验证之前开始的地方遇到了一些问题。
例如，用户点击链接，http://localhost:3000/hidden被重定向至http://localhost:3000/login，但我希望他再次被重定向回http://localhost:3000/hidden。
这样做的目的是，如果用户随机访问他需要首先登录的页面，他将被重定向到提供其凭据的/login站点，然后被重定向回他先前尝试访问的站点。
这是我的登录帖
浏览 1提问于2012-11-12得票数 112
回答已采纳
我有一个问题，我在我的网站上创建了一个表单，它与google sheets连接，所以如果有人填写了表单，它应该将数据发送到google sheet，但我有一个问题，如果我使用onclick将用户重定向到另一个页面，它将停止向google sheet发送数据，如果我不使用onclick，它可以完美地将数据发送到google sheet
我的问题是，我如何将用户重定向到另一个页面，同时我可以将数据接收到google sheet？
我在网上搜索了很多次来解决这个问题，但所有的解决方案都不起作用
提前感谢各位，我希望在这里找到解决方案。
这是代码
<div class='form-sty
浏览 3提问于2020-08-13得票数 0
3回答
我是用HTML编码的新手。在互联网上搜索了几个小时后，我失败了，所以我来到了这里。我在这里设置了一个CSRF概念验证页面，我希望它重定向到另一个页面，该页面将执行CSRF已经实现的有效负载。
<html>
<body>
<form action="https://website.com/action.php?" method="POST">
<input type="hidden" name="fullname" value="john" />
浏览 4提问于2017-05-28得票数 25
我正在尝试在新窗口中提交表单，并将当前窗口重定向到另一个页面。
以下代码可以在Firefox和IE中运行，但不能在Chrome中运行：
<script type="text/javascript">
function refreshpage()
{
window.location='form_search.php';
}
</script>
<form id="form2" name="form2" method="post" action="print_compar
浏览 2提问于2014-03-27得票数 2
2回答
我正在尝试覆盖页面上现有的javascript表单小部件中的2个属性，并且不太确定如何实现它：
在提交表单时，我想重定向到另一个URL。
在提交表单时，我需要将数据点推到终端系统，并使用id=‘’
下面是表单小部件当前存在的网站：
这是小部件的脚本：
<script src="https://widgets.healcode.com/javascripts/healcode.js" type="text/javascript"></script>
<healcode-widget data-type="pr
浏览 2提问于2019-02-14得票数 3
4回答
我有一个带有提交按钮的表单。我在单击提交按钮时调用了一个函数。
function actionPage(form1)
{
form1.action="action1.php";
form1.submit();
return(true);
}
现在，我希望将表单数据提交到两个不同的页面。这些页面位于不同的服务器上。
我知道我们可以根据条件将数据发送到特定的页面，但我不确定是否可以同时提交到两个不同的页面，即：
function actionPage(form1)
{
form1.action="action1.php";
form1.submi
浏览 0提问于2010-03-05得票数 4
回答已采纳
2回答
使用计数器提交后重定向
、、、
我正在尝试用计数器重定向到另一个页面。我希望重定向开始时，我已经提交了表单。我想在提交表单后重定向到另一个页面。 var count = 6;
var redirect = "https://www.google.com";
function countDown() {
var timer = document.getElementById("timer");
if (count > 0) {
count--;
timer.innerHTML = "This page will redirect in " +
浏览 25提问于2019-05-15得票数 0
回答已采纳
我想呈现一些页面，在一定的秒之后，它需要被重定向到另一个页面。然而，我得到一个“不能设置标题后，他们被发送”。根据我所读到的，应该只使用一次响应，但我不确定这是否正确。我希望能对这个问题提供任何帮助或解决办法。
app.get('/', function (req, res) {
var message = req.flash();
res.render('index', { message: req.flash('message'), hassError: message.length > 0} );
});
app.g
浏览 4提问于2016-10-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
