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

Question

我是ASP.NET MVC 4的新手。

我正在尝试根据条件切换div或p标签。 我在家用控制器的索引操作方法中得到了使用tempdata显示标签的答案

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

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

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

将控件发送回索引方法后，该段落将正确显示。 我在想，现在是否可以隐藏它。

我知道，我们可以使用

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

如果使用此功能，即使重定向后也无法看到该段。 请指引我正确的方向。

Answer 1

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

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

<script type="text/javascript">
   $(function(){
      $('#para').delay(2000).hide(500);
   });
</script>