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

Question

我是 ASP.NET MVC 4 的新手。

我正在尝试根据条件切换 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";

如果我使用这个，即使在重定向后我也看不到段落。 请指导我正确的方向。

Answer 1

您可以使用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>