为什么我的 HttpPost 方法没有从我的 Asp.Net Core Razor 页面触发？

Question

此处是 Asp.Net Core Razor 的新手。

我正在尝试连接一个简单的按钮以保存在我的 Razor 页面上。 我的 [HttpPost]SaveDocument() 方法没有在点击“保存”按钮时触发。 相反，Index() 方法正在触发。 我不确定我错误地连接了什么。

这是我的 Razor 页面定义的片段：

@model SampleViewModel
@{ Layout = "_DevExtremeLayout";
    ViewBag.Title = "Sampe Title";}

<form method="post">
    <div id="InputFormPanel" class="InputFormPanel">
        <partial name="@Model.ChildViewName" model="@Model.ChildViewModel" />
    </div>
    <div class="row">
        <div class="col-md-3">
            <input id="ApprovedBy" class="form-control" asp-for="ApprovedBy" />
        </div>
        <div class="col-md-2">
            <input class="form-control" asp-for="Title" />
        </div>
    </div>

    <button id="SaveButton" type="submit" >Save Form</button>               
</form>

这是我的模型：

public class SampleViewModel
{
    public object ChildViewModel { get; set; }
    public string ChildViewName { get; set; }
    public string ApprovedBy { get; set; }
    public string Title { get; set; }
}

这是我的控制器的一个片段：

public class SampleController : Controller
{
    public async Task<IActionResult> Index(Guid documentTypeId)
    {
        SampleViewModel viewModel = new SampleViewModel()
        {
        };
        return View(viewModel);
    }

    [HttpPost]
    public async Task<IActionResult> SaveDocument(SampleViewModel sampleViewModel)
    {
        return RedirectToAction("Index");
    }
}

作为新手，我想我在这里做了一些愚蠢的事情/遗漏了一些东西。 我在这里做错了什么？

Answer 1

如果您没有在 HTML 表单上分配 action 属性，它会将请求发布到您当前所在的同一页面/路由，在这种情况下是您的索引操作。

因此，如果您添加这样的操作属性：

<form method="post" action="SaveDocument">

它应该开始工作。 或者，您也可以将 SaveDocument 方法重命名为 Index，不会有任何错误，因为这两个方法签名不匹配。 从代码组织的角度来看，这通常是我的偏好，因为它清楚地表明 GET/POST 操作是针对同一页面的。