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

Question

我是 ASP.NET MVC 4 的新手。

我正在尝试根据条件切换 div 或 p 标签。我得到了使用 tempdata 显示标签的答案，如下所示，在 Home Controller 的 Index Action Method 中

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

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

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

一旦控件被发送回索引方法，该段落就会正确显示。我想知道现在是否有办法隐藏它。

我知道，我们可以使用

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

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

Answer 1

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