在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>