带有两个提交按钮的Razor页面，并返回到同一页面

如何解决带有两个提交按钮的Razor页面，并返回到同一页面

我在使用Razor Pages的一个Asp.Net Core项目中遇到了一个奇怪的情况。
简而言之，我有一个带有两个提交按钮的表单。其中一个用于保存表单并返回首页，第二个用于保存表单，然后重新初始化Model BindedProperty 以再次插入另一个文档（“保存并重复”方案）。

第一个提交按钮没有定义页面处理程序，应按约定调用PageModel文件上的预定义OnPostAsync方法，第二个按钮具有asp-page-handler="SaveAndRepeat"并应调用自定义页面名为OnPostSaveAndRepeatAsync的处理程序方法。

这是没有所有div和输入的cshtml代码。

<form method="POST">
    ... a lot of html and tags ...
    <button id="insert-doc-button" type="submit" class="btn btn-primary">Save</button>
    <button id="insert-repeat-doc-button" type="submit" asp-page-handler="SaveAndRepeat" class="btn btn-primary">Save and Repeat</button>            }
</form>

这是PageModel文件中的精简代码，用于响应提交

    [BindedProperty]
    DocumentVM CurrentDoc {get;set;}
    .....
    
    public async Task<IActionResult> OnPostAsync()
    {
        try
        {
            bool saved = await CommonSave();
            ......
            return RedirectToPage("/index");
        }
        ....
    }
    public async Task<IActionResult> OnPostSaveAndRepeatAsync()
    {
        try
        {
            bool saved = await CommonSave();
            ...
            // Duplicates the BindedProperty
            CurrentDoc = CurrentDoc.Duplicate();
            return Page();
        }
        ....
    }

现在是问题所在。如您所见，调用 SaveAndRepeat 后，PageModel代码返回到具有 BindedProperty 的同一页，并加载了与上次保存重复的值。 （它按预期工作） 但是现在，如果我尝试按“保存”按钮（因为我已到达要插入的最后一个文档），则代码将再次调用OnPostSaveAndRepeatAsync处理程序，而不是默认的OnPostAsync。 当然，如果我只按一个保存按钮，就不会发生这种情况，因为我只能插入一个文档。在这种情况下，代码会正确调用OnPostAsync。

说实话，我不是这项技术的专家，现在就开始我的第一个项目，但是似乎我还没有理解一些重要的知识。是的，我已经解决了同时为“保存”按钮设置 asp-page-handler 的问题，但是我真的很想知道这种现象的原因。

我还需要补充一点，由于ISP尚未在其托管服务器上启用3.1版本的限制，该项目使用ASP.NET Core 3.0 。

解决方法

如果您首先单击OnPost方法，则该方法将起作用，因为您的路线上没有任何处理程序。

无论何时使用asp-page-handler，处理程序的名称都会作为查询字符串参数添加到您的路由中，您可以在浏览器中对其进行检查。

之后，您要调用默认的OnPost，它不需要任何处理程序参数，并且无需修改它们，这使得Razor Pages认为您正在使用再次SaveAndRepeat处理程序，因此它将重定向到您的OnPostSaveAndRepeatAsync方法。

单击具有不同asp-page-handler的按钮会更改查询字符串上的处理程序参数，使其调用指定的方法。