Razor Pages，表单页面处理程序不使用 GET 方法

Question

我有一个 ASP.NET Core Razor Pages 小项目。我正在制作一个具有基本搜索功能的简单列表显示页面。在我的模型中，我有 4 个页面处理程序（添加其中 2 个用于调试目的）：

public async Task OnGetAsync()
{
    Posting = await _context.Postings
        .Include(p => p.ItemDetails).Include(p => p.Owner).ToListAsync();
}

public async Task OnPostAsync()
{
    Posting = await _context.Postings
        .Include(p => p.ItemDetails).Include(p => p.Owner).ToListAsync();
}

public async Task<PageResult> OnGetSearchAsync(String search)
{
    if (String.IsNullOrEmpty(search))
    {
        search = search.Trim();
        Posting = await _context.Postings.Where(p => p.ItemDetails.ItemName.Contains(search)).ToListAsync();
    }
    return Page();
}

public async Task<PageResult> OnPostSearchAsync(String search)
{
    if (!String.IsNullOrEmpty(search))
    {
        search = search.Trim();
        Posting = await _context.Postings
            .Where(p => p.ItemDetails.ItemName.Contains(search)).ToListAsync();
    }
    return Page();
}

当表单指定 method="post" 和 asp-page-handler="search" 时，表单会调用正确的处理程序 (OnPostSearchAsync(String search))。但是，当表单将 method="get" 指定为 asp-page-handler="search" 时，表单会调用错误的处理程序 (OnGetAsync())。这是故意的吗？如果是这样，我如何在使用 GET 方法时调用自定义处理程序？也许没有必要使用自定义处理程序，但我认为如果我愿意的话应该可以。

这里是.cshtml文件中的相关代码：

<div id="posting_search_bar_container">
    <form method="get" asp-page-handler="search">
        <input type="text" name="search" />
        <input type="submit" value="Ara" />
    </form>
</div>
<div id="posting_list_container">
    @if (Model.Posting != null)
    {
        @foreach (var posting in Model.Posting)
        {
            <partial name="./Partials/_Posting" model="new Pages.Postings.Partials.PostingModel(posting);" />
        }
    }
</div>

Answer 1

就为什么 会发生这种情况而言，this answer 应该可以解释这里发生的事情。本质上，asp-page-handler 设置了一个包含 ?handler=search 的操作 URL，然后它会被 GET 请求的浏览器丢弃。

就解决方法而言，我看到两个：

选项 1 - Customise the routing

直接从文档中获取，您可以在 .cshtml 中稍微修改您的页面指令以自定义路由：

@page "{handler?}"

此选项声明对于给定的页面，使用额外的段来指定处理程序名称，而不是将其设置为查询字符串参数。这意味着您的电话将从例如/PageName?handler=handlerName 到 /PageName/Handler。代码片段中 {handler?} 表达式中的 ? 只是声明处理程序名称是可选的，因此默认为例如OnGetAsync.

此选项有效，因为浏览器不再有要丢弃的查询字符串值，但处理程序名称是在路由本身中捕获的。

选项 2 - 使用隐藏输入

当使用 GET 将表单提交给定义的操作 URL 时，浏览器会根据表单中的控件构建一个查询字符串。这提供了向表单添加新的隐藏输入字段的选项：

<form method="get">
    <input type="hidden" name="handler" value="search" />
    <input type="text" name="search" />
    <input type="submit" value="Ara" />
</form>

在这里，我删除了 asp-page-handler 并添加了一个隐藏的输入，最终将 handler 的查询字符串值设置为 search，从而构建了一个查询- 在您的示例中将匹配 OnGetSearchAsync 的字符串。

Razor Pages，表单页面处理程序不使用 GET 方法

Razor Pages, form page handler not working with GET method

c#

razor

asp.net-core

razor-pages