如何在提交表单时保留ReturnUrl查询参数
在Web开发中，保留ReturnUrl查询参数通常是为了在用户完成某个操作（如登录、注册等）后能够重定向回他们最初请求的页面。以下是一些基础概念和相关解决方案：
基础概念
- 查询参数（Query Parameters）：URL中
?后面的部分，用于传递额外的信息。 - ReturnUrl：一个常见的查询参数，用于指示用户在完成某个操作后应重定向到的页面。
相关优势
- 用户体验：用户完成操作后能够直接返回到他们最初请求的页面，提升用户体验。
- 安全性：可以防止重定向到恶意网站，通过验证
ReturnUrl的合法性来确保安全。
类型与应用场景
- 登录页面：用户在登录后返回到之前浏览的页面。
- 注册页面：用户注册成功后返回到之前的页面。
- 支付页面：用户支付完成后返回到购物车或订单页面。
实现方法
以下是一个简单的示例，展示如何在提交表单时保留ReturnUrl查询参数。
HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form with ReturnUrl</title>
</head>
<body>
<form action="/submit" method="post">
<!-- 其他表单字段 -->
<input type="hidden" name="returnUrl" value="{{ returnUrl }}">
<button type="submit">Submit</button>
</form>
</body>
</html>后端处理（Node.js示例）
const express = require('express');
const app = express();
app.use(express.urlencoded({ extended: true }));
app.get('/form', (req, res) => {
const returnUrl = req.query.returnUrl || '/';
res.send(`
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form with ReturnUrl</title>
</head>
<body>
<form action="/submit" method="post">
<!-- 其他表单字段 -->
<input type="hidden" name="returnUrl" value="${returnUrl}">
<button type="submit">Submit</button>
</form>
</body>
</html>
`);
});
app.post('/submit', (req, res) => {
const returnUrl = req.body.returnUrl;
// 处理表单提交逻辑
// ...
// 重定向到ReturnUrl
res.redirect(returnUrl);
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});遇到的问题及解决方法
问题：ReturnUrl参数丢失或被篡改
原因：
- 用户手动修改了URL。
- 后端处理逻辑中未正确传递或验证
ReturnUrl。
解决方法：
- 前端验证：在提交表单前，验证
ReturnUrl的合法性。 - 后端验证：在后端接收
ReturnUrl时，进行合法性检查，确保其指向的是站内的有效页面。
// 后端验证示例
const isValidUrl = (url) => {
try {
const parsedUrl = new URL(url);
return parsedUrl.origin === 'https://yourdomain.com';
} catch (e) {
return false;
}
};
app.post('/submit', (req, res) => {
const returnUrl = req.body.returnUrl;
if (!isValidUrl(returnUrl)) {
returnUrl = '/'; // 默认重定向到首页
}
// 处理表单提交逻辑
// ...
// 重定向到ReturnUrl
res.redirect(returnUrl);
});通过上述方法，可以有效保留并验证ReturnUrl查询参数，确保用户在完成操作后能够安全且准确地返回到最初请求的页面。
相关·内容
当用户在浏览器中没有身份验证cookie并试图访问带有https://localhost:8080/admin/protected的剃刀页面时，默认情况下，aspnet核心框架重定向到在CookieAuthenticationOptionsReturnUrl=%2Fadmin%2Fprotected 太好了。问题是，我不知道这是如何工作的，因为如果我的/login razor页面提交了一个表单(例如，它提交了用户名和密码)，ReturnUrl</e
浏览 39提问于2020-06-17得票数 1
3回答
我们有一个需要登录的内部ASP.NET MVC应用程序。登录效果很好，并且做的都是预期的事情。我们的会议时间是5分钟。在某个页面上停留了一段时间之后，用户丢失了会话。如果他们试图刷新当前页面或浏览到另一个页面，他们将在页面上获得一个日志。
浏览 5提问于2013-10-22得票数 3
回答已采纳
ReturnUrl=@HttpUtility.UrlEncode(Request.QueryString["ReturnUrl"])" method="post" id="openid_form">
浏览 0提问于2013-06-06得票数 0
回答已采纳
我正在用.net核心mvc构建一个登录表单。class=""></div>如果表单带有不正确的凭据登录页面在查询字符串中也有返回url，当表单发布时，查询字符串参数丢失。在.ne
浏览 9提问于2016-10-27得票数 6
回答已采纳
1回答
我正在开发一个mvc应用程序，并且我正在使用.net身份验证。我想将用户重定向到他通过身份验证后请求的页面。任何帮助都将不胜感激。
浏览 0提问于2012-10-31得票数 11
回答已采纳
2回答
我想知道的是，如何在我的身份服务器上正确地实现用户注册，使用asp网络标识，重定向到注册后登录页面，然后重定向到注册帐户登录后的回调URL。现在，我想添加一些注册，所以我创建了RegistrationController与注册表格，并添加了注册按钮登录表单。成功注册后，我希望用户被重
浏览 1提问于2019-05-06得票数 0
回答已采纳
public virtual ActionResult LogIn() return View();以及在Ajax中使用Ajax.BeginForm()调用Post的post方法的操作方法，如：AjaxOnly]public virtual ActionResult LogIn(LogInViewModel loginInfo, string returnUrl) ...但returnUrl始终为空！
浏览 3提问于2012-11-22得票数 3
回答已采纳
CmpT="+"Ilim";在我的Test控制器中，我这样做是为了获得查询字符串值
tM_PMO.Type = Request.QueryString
浏览 0提问于2020-06-18得票数 0
不过，在AccountController中我们有： public ActionResult LogOn(LogOnModel model, string returnUrlString.IsNullOrEmpty(returnUrl)) return Redirect(returnUrl);// If we got this far, something failed, redisplay form
浏览 1提问于2010-10-22得票数 6
回答已采纳
我已经实现了我的登录页面，它工作得很好，但是我不能读取保存原始请求的ReturnUrl查询字符串参数。http://whatever/Login.aspx?ReturnUrl=%2fAdmin%2fmenu-link.aspxContext.Request.QueryString["ReturnUrl"] = null
Context.Request.Params["
浏览 0提问于2012-11-20得票数 2
回答已采纳
每个页面都会在查询字符串中附加一个ID形式(这并不总是被称为ID，但它始终是标识对象的唯一编号。我需要的是尝试获取这个ID (始终是第一个参数/键)，并使用它作为在视图上创建ActionLink的基础。
浏览 4提问于2014-01-15得票数 0
回答已采纳
2回答
我有一个表单，在提交时应该重定向到外部URL，以便对表单数据执行某些操作，并在成功提交后保留在主页上。我使用了重定向，但这将使我的第二个选项成为可能，但不是我的第一个选项。请帮帮我..
浏览 2提问于2010-10-27得票数 0
但是，有任何方法可以将参数从表单传递到控制器吗？type="submit" value="Save"/>这很好，因为当您提交表单时，它会将您返回到正确的URL。然而，表单实际上并没有被保存。如果删除该returnUrl参数，它将保存表单，但它不能正确地重定向。我之所以这样做，是因为这个表单可以从多个页面访问，我不想在提交表单</e
浏览 4提问于2012-04-18得票数 1
回答已采纳
这会导致登录错误，因为首先不应该通过浏览器中的url访问它，其次是因为参数已经消失了。
浏览 0提问于2015-08-14得票数 2
Html.BeginForm("AddToCart", "Cart")) @Html.HiddenFor(x => x.ProductID)</div>public RedirectToRouteResult AddToCart(Cart cart, int productId, string returnUrl=
浏览 9提问于2014-04-15得票数 2
回答已采纳
2回答
将showInactive=True作为查询串附加到url，以连接到控制器。在显示“非活动”客户端之后，我会编辑其中一个客户端，但是当我保存任何更改或返回到列表时，查询字符串就消失了。在这些请求之间持久化查询字符串的最佳方式是什么？我尝试过TempData字典，但很明显，我试图使用它来处理一些它不能处理的事情。
浏览 1提问于2011-05-19得票数 3
回答已采纳
2回答
我需要一些帮助我一直在努力从VS 2017和asp.net剃刀创建的program.cs文件中加载页面，但我不知道这是如何做到的，我已经在网上寻找答案，但对于我的生活，我找不到任何可以工作的东西。我要做的是在查找后，我需要再次加载添加了搜索字符串的页面，我有所有的代码进行查找和交叉检查，但我无法获得代码，以重定向到页面再次添加搜索字符串。上面的代码在program.cs或startup.cs中不起作用，但在任何cshtml.cs文件中都能起作用。
浏览 0提问于2018-09-13得票数 25
我的登录视图中有这个url：}[HttpPost]
public ActionResult Try(LoginModel model,
浏览 0提问于2011-06-23得票数 2
回答已采纳
2回答
在我的场景中，我需要将用户发送到登录页面，并使用他们当前所在的页面填充返回图参数，包括一个url片段，这样当他们完成登录时，他们会被重定向回他们的原始页面，然后页面滚动到特定的#位置。目前，除了当returnUrl param到达Login ActionMethod时，url片段丢失之外，其他都在工作。
有没有办法保留这个url片段，这样它就不会在登录阶段丢失？我可以在登录页面的url中看到#片段，但是当我查看登录方法中的'returnUrl‘值时，它似乎被删
浏览 5提问于2011-09-01得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
