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

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

我有一个ASP.NET Core剃刀页面和模型，该页面和模型使用查询字符串来过滤搜索结果和通过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转换为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>();
            
 foreach (var queryString in HttpContext.Request.Query)
 {
     if ((queryString.Key != "id") && (queryString.Key != "handler"))
     {
         query.Add(queryString.Key,queryString.Value);
     }
 }

 return RedirectToPage($"Index",query);

它有效，但看起来非常乏味。我是新手，我敢肯定有更好的方法可以做到这一点。您的帮助将不胜感激。

解决方法

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

添加

<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);

以上代码已在我的计算机上经过测试和验证。

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

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