ASP.NET Core中TempData设置的提示消息前端不显示问题咨询

1 JS层面问题排查 #

• 检查_Notification.cshtml的引入顺序：必须放在ShowMessage方法对应的JS文件引用之后，否则会出现方法未定义的报错。如果不确定加载顺序，可以给JS代码加DOM加载完成监听，等所有资源加载完再执行消息提示逻辑。
• 检查字符串转义问题：直接输出@TempData["WarningMessage"]如果内容包含单引号、换行符等特殊字符，会破坏JS语法结构，需要用序列化方法安全输出。

2 TempData读取逻辑排查 #

• 确认_Notification.cshtml已经在全局布局页_Layout.cshtml或者对应业务页面中正确引入，引入代码为@await Html.PartialAsync("_Notification")。
• TempData默认是读取一次即销毁的机制，如果你设置TempData后直接返回当前视图而非跳转，用TempData.Peek("键名")读取可以避免数据被提前销毁，需要保留的话也可以调用TempData.Keep()。
• 如果站点开启了GDPR Cookie同意机制，需要将TempData配置为必要Cookie，否则用户未同意Cookie授权时，TempData无法正常写入，导致前端读取不到值。

修正后的代码示例 #

_Notification.cshtml #

@if (TempData.Peek("WarningMessage") != null)
{
<script>
    document.addEventListener('DOMContentLoaded', function () {
        ShowMessage('warn', @Html.Raw(System.Text.Json.JsonSerializer.Serialize(TempData["WarningMessage"])), 'warning');
    });
</script>
// 读取完成后手动移除避免重复提示
TempData.Remove("WarningMessage");
}

可选优化：统一处理四类消息 #

你可以直接在_Notification.cshtml里遍历所有消息类型，不需要逐个写判断：

@{
    var msgTypes = new Dictionary<string, string>
    {
        {"SuccessMessage", "success"},
        {"ErrorMessage", "error"},
        {"WarningMessage", "warning"},
        {"InfoMessage", "info"}
    };
}
@foreach (var (key, type) in msgTypes)
{
    if (TempData.Peek(key) != null)
    {
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                ShowMessage('@type', @Html.Raw(System.Text.Json.JsonSerializer.Serialize(TempData[key])), '@type');
            });
        </script>
        TempData.Remove(key);
    }
}

内容的提问来源于stack exchange，提问作者hasti.au