MVC路由多参数问题：提交表单后URL缺失keyword参数

提交表单后期望生成URL为/Admin/Product?page=1&keyword=somethingToSearch，但实际提交后URL仅为/Admin/Product?page=1，keyword参数丢失，以下是问题排查和解决方法：

相关代码 #

Product控制器Index方法 #

public IActionResult Index(int page = 1, string keyword = "")

页面表单代码 #

<form asp-action="Index" class="d-flex">
    <input type="hidden" name="page" value=@Context.Request.Query["page"] />
    <input name="keyword"  class="form-control me-2 w-50" type="search" placeholder="Search" aria-label="Search">
    <button class="btn btn-outline-success" type="submit">Search</button>
</form>

问题原因 #

1. 标签助手的自动参数过滤：使用asp-action的标签助手会自动根据当前请求的路由值生成表单action URL，如果当前请求中keyword为空（比如首次加载页面时），标签助手会忽略空值参数，导致表单提交时不携带keyword字段。
2. 空输入框的浏览器行为：如果keyword输入框未填写内容，浏览器默认不会提交空值的表单字段，只有当输入框有值时才会携带，但如果输入内容后仍然丢失，核心原因还是标签助手的参数处理逻辑。

解决方法 #

方法1：强制保留keyword参数 #

在表单标签中添加asp-route-keyword=""，强制标签助手保留该参数，即使当前值为空：

<form asp-action="Index" asp-route-keyword="" class="d-flex">
    <input type="hidden" name="page" value="@Context.Request.Query["page"]" />
    <input name="keyword" class="form-control me-2 w-50" type="search" placeholder="Search" aria-label="Search">
    <button class="btn btn-outline-success" type="submit">Search</button>
</form>

或者直接使用普通form标签指定action路径，绕过标签助手的自动处理：

<form action="/Admin/Product" method="get" class="d-flex">
    <input type="hidden" name="page" value="@Context.Request.Query["page"]" />
    <input name="keyword" class="form-control me-2 w-50" type="search" placeholder="Search" aria-label="Search">
    <button class="btn btn-outline-success" type="submit">Search</button>
</form>

方法2：给输入框绑定当前keyword值 #

给keyword输入框设置value属性，绑定当前请求中的keyword值，这样即使为空也会提交空字符串参数：

<form asp-action="Index" class="d-flex">
    <input type="hidden" name="page" value="@Context.Request.Query["page"]" />
    <input name="keyword" value="@Context.Request.Query["keyword"]" class="form-control me-2 w-50" type="search" placeholder="Search" aria-label="Search">
    <button class="btn btn-outline-success" type="submit">Search</button>
</form>

方法3：使用视图模型绑定（推荐） #

定义一个视图模型封装分页和搜索参数，配合asp-for标签助手，确保参数正确提交：

// 视图模型
public class ProductListVM
{
    public int Page { get; set; } = 1;
    public string Keyword { get; set; } = "";
}

修改控制器方法接收视图模型：

public IActionResult Index(ProductListVM model)
{
    // 业务逻辑处理
    return View(model);
}

视图中绑定模型：

@model ProductListVM
<form asp-action="Index" class="d-flex">
    <input type="hidden" asp-for="Page" />
    <input asp-for="Keyword" class="form-control me-2 w-50" type="search" placeholder="Search" aria-label="Search">
    <button class="btn btn-outline-success" type="submit">Search</button>
</form>

内容的提问来源于stack exchange，提问作者hyden97