ASP.NET Web应用按起止日期筛选记录遇405错误求助

核心问题根源 #

你遇到的405错误（方法不允许）主要出在客户端控制器调用后端API的请求方法不匹配：

• 后端API的GetRange是POST方法，但你在客户端控制器里用GetAsync发送了GET请求，后端拒绝了这个不匹配的请求方法，直接返回405。
• 另外，虽然后端用[FromQuery]接收参数的POST接口在Swagger能正常测试，但客户端调用时需要确保参数正确拼接在Query字符串中，同时用POST请求发送。

关于表单与表格的关系 #

不需要用表单包裹表格。表单只需要包裹需要提交的输入控件（起止日期输入框、提交按钮）即可，表格是用来展示数据的，和表单提交逻辑无关，放在表单内或外都不影响功能，完全没必要额外包裹。

提交按钮指定Action的方法 #

在Razor页面的表单标签里，通过asp-action和asp-controller属性明确指定要提交到的控制器Action：

<form method="post" asp-controller="YourControllerName" asp-action="GetRange">
    <input type="date" name="From" />
    <input type="date" name="To" />
    <button type="submit">筛选</button>
</form>

注意输入框的name属性要和你接收参数的DateRange类字段名完全对应（比如类里是public DateTime From { get; set; }，输入框name就设为From），这样参数才能正确绑定。

修复步骤 #

1. 修正客户端控制器的API调用方式：把GetAsync改成PostAsync，同时将DateRange参数拼接在Query字符串中：

[HttpPost]
public async Task<IActionResult> GetRange(DateRange dateRange)
{
    // 拼接Query参数
    var queryParams = new Dictionary<string, string>
    {
        { "From", dateRange.From.ToString("yyyy-MM-dd") },
        { "To", dateRange.To.ToString("yyyy-MM-dd") }
    };
    var queryString = new QueryString(queryParams);
    
    // 用PostAsync发送POST请求，带上Query参数
    var response = await _httpClient.PostAsync($"api/YourBackendApi/GetRange{queryString}", null);
    
    // 后续处理响应、返回视图逻辑
    var data = await response.Content.ReadFromJsonAsync<List<YourRecordType>>();
    return View(data);
}

2. 确认后端参数绑定正确性：检查DateRange类的属性名和Query参数名完全一致，确保[FromQuery]能正确绑定参数。
3. 核对客户端路由配置：确保控制器的路由规则和表单指定的asp-action、asp-controller完全匹配，避免路由冲突导致的请求异常。

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