时间戳

首页 > 解决方案 > 在 ASP.NET Core razor 页面中跨帖子和重定向保留现有查询字符串的最简单方法是什么？

asp.net - 在 ASP.NET Core razor 页面中跨帖子和重定向保留现有查询字符串的最简单方法是什么？

问题描述

我有一个 ASP.NET Core razor 页面和模型，它使用查询字符串来过滤搜索结果并通过 GET 进行分页。

假设用户执行了搜索以到达此页面：

https://localhost/Users?searchBy=Name&searchTerm=test&resultPage=2

现在在结果页面上，我有一个通过弹出模式执行删除的按钮。当用户单击删除时，它会发布到页面处理程序OnPostDelete()。asp-page-handler我为此使用标签助手：

<button asp-page-handler="Delete" asp-route-id="@Model...">

删除后，我希望用户被重定向回与以前完全相同的 URL，因此他/她留在同一结果页面上，而不是被重定向到普通索引页面。

所以我的问题是如何在发布和重定向的整个过程中轻松地保留这些查询字符串？目前这是我正在做的事情：

在删除弹出模式剃须刀页面上，我使用这些代码来捕获当前的查询字符串：（我不知道如何直接转换Context.Request.Query为 a Dictionary）

@{ 
    Dictionary<string, string> query = new Dictionary<string, string>();

    foreach (var queryString in Context.Request.Query)
    {
        query.Add(queryString.Key, queryString.Value);
    }
}

然后我将查询添加到asp-all-route-data删除按钮上的标签助手：

<button asp-page-handler="Delete" asp-all-route-data="query" asp-route-id="@Model...">

这使得formaction标签助手生成的结果属性包含 POST URL 中的查询字符串。

然后在我的页面处理程序的OnPostDelete()方法中，我再次重新捕获查询字符串，在重定向之前删除删除按钮添加的不需要的字符串（id 等）：

 Dictionary<string, string> query = new Dictionary<string, string>();
            
 foreach (var queryString in HttpContext.Request.Query)
 {
     if ((queryString.Key != "id") && (queryString.Key != "handler"))
     {
         query.Add(queryString.Key, queryString.Value);
     }
 }

 return RedirectToPage($"Index",query);

它有效，但似乎很乏味。我是新手，我相信有更好的方法可以做到这一点。您的帮助将不胜感激。

标签： asp.netasp.net-mvcasp.net-corerazor-pages

解决方案

这可以用更简单的方式解决。

添加

<input type="hidden" asp-for="ReturnUrl" value="@Request.GetEncodedPathAndQuery()" />

您的表单现在可能看起来像这样

<form method="post">
    <input type="hidden" asp-for="ReturnUrl" value="@Request.GetEncodedPathAndQuery()" />
    <button type="submit" asp-page-handler="Delete" asp-route-id="1">Button 1</button>
    <button type="submit" asp-page-handler="Delete" asp-route-id="2">Button 2</button>
</form>

或者，如果每个按钮都有一个表单

<form method="post"
      asp-page-handler="Delete"
      asp-route-id="1"
      asp-route-returnUrl="@Request.GetEncodedPathAndQuery()">
    <button type="submit">Button 1</button>
</form>

<form method="post"
      asp-page-handler="Delete"
      asp-route-id="2"
      asp-route-returnUrl="@Request.GetEncodedPathAndQuery()">
    <button type="submit">Button 2</button>
</form>

在 Razor 页面代码隐藏中，添加

[BindProperty]
public string ReturnUrl { get; set; }

在您的 POST 请求结束时：

return Redirect(ReturnUrl);

上面的代码在我的电脑上经过测试和验证。

这是登录过程中经常使用的模式：

  • 用户单击需要身份验证/授权的资源的链接
  • 用户被重定向到登录页面
  • 用户提交登录表单
  • 用户被重定向到需要身份验证/授权的资源

推荐阅读