.NET 8表单提交后页面URL变更问题求助

问题核心是表单POST到AddNewAuthor Action后，直接返回视图会让浏览器地址停留在该Action对应的自定义路由（save-author）。要保持原URL（chosee-author/3），必须采用Post/Redirect/Get（PRG）模式——这是Web开发中避免重复提交、保持URL一致性的标准方案。

步骤1：调整POST Action的返回逻辑 #

处理表单提交的AddNewAuthor Action完成业务逻辑后，不要直接返回视图，而是重定向回原页面的GET Action，并通过TempData传递必要的状态或模型数据。

假设你的Controller路由配置如下：

public class SettingsController : Controller
{
    // 原页面的GET路由：article-settings/chosee-author/{id}
    [Route("article-settings/chosee-author/{id:int}/")]
    public IActionResult ChoseeAuthor(int id)
    {
        // 从TempData读取提交后的模型/错误信息
        if (TempData.TryGetValue("SubmittedModel", out var modelJson))
        {
            var model = JsonSerializer.Deserialize<YourModelType>(modelJson.ToString());
            // 恢复模型状态（如果有验证错误）
            if (TempData.TryGetValue("ModelStateErrors", out var errorsJson))
            {
                var errors = JsonSerializer.Deserialize<Dictionary<string, List<string>>>(errorsJson.ToString());
                foreach (var error in errors)
                {
                    foreach (var msg in error.Value)
                    {
                        ModelState.AddModelError(error.Key, msg);
                    }
                }
            }
            return View(model);
        }

        // 首次加载页面时初始化模型
        var initialModel = new YourModelType { ArticleId = id };
        return View(initialModel);
    }

    // 表单提交的POST路由：article-settings/save-author
    [Route("article-settings/save-author/")]
    [HttpPost]
    public IActionResult AddNewAuthor(YourModelType model)
    {
        if (ModelState.IsValid)
        {
            // 执行表单提交逻辑（如保存到数据库）
            // ...

            // 保存提交后的模型到TempData，重定向回原页面
            TempData["SubmittedModel"] = JsonSerializer.Serialize(model);
            return RedirectToAction(nameof(ChoseeAuthor), new { id = model.ArticleId });
        }

        // 验证失败时，保存错误信息和模型到TempData
        TempData["SubmittedModel"] = JsonSerializer.Serialize(model);
        TempData["ModelStateErrors"] = JsonSerializer.Serialize(
            ModelState.ToDictionary(
                kvp => kvp.Key,
                kvp => kvp.Value.Errors.Select(e => e.ErrorMessage).ToList()
            )
        );
        return RedirectToAction(nameof(ChoseeAuthor), new { id = model.ArticleId });
    }
}

步骤2：在视图中处理TempData传递的数据 #

修改原页面视图，读取TempData中的模型和错误信息，自动填充表单并显示验证提示：

@model YourModelType

<!-- 显示验证错误 -->
@if (!ModelState.IsValid)
{
    foreach (var error in ModelState.Values.SelectMany(v => v.Errors))
    {
        <div class="alert alert-danger">@error.ErrorMessage</div>
    }
}

<form id="createForm" asp-controller="Settings" asp-action="AddNewAuthor" method="post">
    <input class="form-control mb-1" type="hidden" autocomplete="off" asp-for="ArticleId" />
    <!-- 其他表单字段，使用asp-for自动绑定模型值 -->
    <div class="mb-3">
        <label asp-for="AuthorName" class="form-label"></label>
        <input asp-for="AuthorName" class="form-control" />
        <span asp-validation-for="AuthorName" class="text-danger"></span>
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
</form>

关键说明 #

1. PRG模式的作用：重定向会让浏览器发起新的GET请求到原URL，既保持了地址栏的一致性，又避免了用户刷新页面时重复提交表单。
2. TempData的使用：TempData用于在重定向过程中传递数据，它的数据会在下次请求后自动清除，适合这种一次性的状态传递。
3. 路由配置验证：确保两个Action的[Route]属性配置正确，没有冲突，且能正确匹配对应的URL。

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