在 MVC 中显示已成功保存的数据消息 ASP.Net

Displaying a data saved successfully message in ASP.Net MVC

本文关键字:数据 消息 ASP Net 保存 成功 MVC 显示      更新时间:2023-09-26

我是MVC 4 ASP.NET 新手。

我正在尝试根据条件切换div 或 p 标签。我得到了使用临时数据显示标签的答案,就像这样,在家庭控制器的索引操作方法中

@if (TempData["notice"] != null) {
            <p id="para">@TempData["notice"]</p>

我正在另一个控制器的另一个操作方法中设置温度数据

TempData["notice"] = "Successfully registered";
                    return RedirectToAction("Index", "Home");

将控件发送回索引方法后,段落将正确显示。我想知道,现在是否有办法隐藏它。

我知道,我们可以用

document.getElementById('para').style.display = "none";

如果我使用它,即使在重定向后我也看不到段落。请引导我朝着正确的方向前进。

您可以使用 jQuery hide and delay 方法。下面的代码在 2 秒内延迟隐藏您的消息 ( .delay(2000)

@if(TempData["notice"] != null) {
   <p id="para">@TempData["notice"]</p>
}
<script type="text/javascript">
   $(function(){
      $('#para').delay(2000).hide(500);
   });
</script>