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

Posted 2023-03-27

【中文标题】Razor Pages，表单页面处理程序不使用 GET 方法

【英文标题】：Razor Pages, form page handler not working with GET method

【发布时间】：2018-11-21 17:45:36

【问题描述】：

我有一个小型 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>

【参考方案1】：

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

在解决方法方面，我看到了两个：

选项 1 - Customise the routing

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

@page "handler?"

此选项表明对于给定页面，使用额外的段来指定处理程序名称，而不是将其设置为查询字符串参数。这意味着您的电话将从例如/PageName?handler=handlerName 到 /PageName/Handler。来自 code-sn-p 的 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，从而构建一个与@987654335 匹配的查询字符串@ 在你的例子中。