ASP.NET：搜索表单提交时如何保留systemTypeID参数

这个问题很常见，我来给你几个简单的解决办法，保证能让搜索时带上原来的systemTypeID=1参数，最终得到你想要的URL：https://localhost:123/AllSystems/List?systemTypeID=1&SearchTerm=nba

方法1：添加隐藏字段传递SystemTypeID #

首先，你需要确保你的list.cshtml.cs页面模型中已经定义了SystemTypeID属性，用来接收原URL的查询参数：

public class ListModel : PageModel
{
    // 接收原URL的systemTypeID参数
    [FromQuery]
    public int SystemTypeID { get; set; }
    
    // 搜索关键词
    public string SearchTerm { get; set; }
    
    // 其他业务逻辑代码...
}

然后在你的搜索表单里，添加一个隐藏输入框，把当前的SystemTypeID值绑定进去，这样表单提交时就会自动带上这个参数：

<form method="get">
    <div class="form-group">
        <div class="input-group">
            <input type="search" class="form-control" asp-for="SearchTerm" />
            <!-- 新增隐藏字段，传递原systemTypeID参数 -->
            <input type="hidden" asp-for="SystemTypeID" />
            <!-- 注意：按钮要改成type="submit"才能触发表单提交 -->
            <button type="submit" class="btn btn-danger">
                <span class="glyphicon glyphicon-search"></span> Search
            </button>
        </div>
    </div>
</form>

方法2：使用ASP.NET路由标签助手 #

如果你不想加隐藏字段，可以直接在<form>标签上使用asp-route-*标签助手，指定要传递的systemTypeID参数：

<!-- 通过asp-route-systemTypeID追加原参数 -->
<form method="get" asp-route-systemTypeID="@Model.SystemTypeID">
    <div class="form-group">
        <div class="input-group">
            <input type="search" class="form-control" asp-for="SearchTerm" />
            <button type="submit" class="btn btn-danger">
                <span class="glyphicon glyphicon-search"></span> Search
            </button>
        </div>
    </div>
</form>

路由助手会自动把systemTypeID参数添加到表单提交的URL中，和SearchTerm一起传递。

额外注意点 #

• 原来的按钮是type="button"，这种类型的按钮不会触发表单提交，所以需要改成type="submit"；如果你的按钮是通过JavaScript触发提交的，那也要在JS代码里手动把systemTypeID参数追加到请求URL中。
• 确保页面模型中的SystemTypeID能正确接收到原URL的参数，Razor Pages默认会自动绑定查询字符串参数，加上[FromQuery]特性会更明确。

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