Razor布局页表单提交后，如何在指定位置显示消息？

场景1：处理完请求后不跳转，直接在当前页显示消息 #

这种情况用ViewData传递消息最直接：

1. 在Index页面的PageModel类里处理OnPost方法：

public class IndexModel : PageModel
{
    public IActionResult OnPost()
    {
        // 这里写你的表单处理逻辑：比如验证输入、保存数据、发送邮件等
        bool submitSuccess = true; // 根据实际处理结果设置
        
        // 设置成功/失败消息到ViewData
        if (submitSuccess)
        {
            ViewData["ContactSuccessMsg"] = "消息已成功发送，我们会尽快回复你！";
        }
        else
        {
            ViewData["ContactSuccessMsg"] = "发送失败，请检查输入后重试。";
        }

        // 返回当前页面，保留表单上下文（如果需要）
        return Page();
    }
}

2. 在_Layout.cshtml的指定位置（你写@I_Want_A_Success_Message_Property_Here的地方）添加消息显示逻辑：

@if (ViewData["ContactSuccessMsg"] != null)
{
    <!-- 可以自定义样式，比如用alert类 -->
    <div class="alert alert-success mt-3">@ViewData["ContactSuccessMsg"]</div>
}

场景2：处理完请求后需要重定向（比如跳回首页） #

如果OnPost后要做重定向，ViewData会失效，这时候用TempData：

1. 修改Index的PageModel：

public class IndexModel : PageModel
{
    public IActionResult OnPost()
    {
        // 处理表单逻辑
        bool submitSuccess = true;

        if (submitSuccess)
        {
            TempData["ContactSuccessMsg"] = "消息发送成功！";
        }
        else
        {
            TempData["ContactSuccessMsg"] = "发送失败，请稍后再试。";
        }

        // 重定向到目标页面，比如首页
        return RedirectToPage("/Index");
    }
}

2. 布局页的消息显示逻辑调整为兼容TempData和ViewData：

@{
    // 优先取TempData，再取ViewData，覆盖两种场景
    var successMessage = TempData["ContactSuccessMsg"] ?? ViewData["ContactSuccessMsg"];
}
@if (successMessage != null)
{
    <div class="alert alert-success mt-3">@successMessage</div>
}

补充说明 #

• ViewData是单次请求有效，适合无重定向的场景；TempData会把数据存在Session里，重定向后仍能读取（默认读取后就销毁，若要持久化可以用TempData.Keep()）
• 你可以根据需求自定义消息的样式，比如添加错误样式的div区分失败消息

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