在 ASP .NET MVC 中重定向到页面后显示通知

Question

下面是我的 ajax 代码：

$.ajax({
         url: '@Url.Action("AddUser", "ControllerName")',
         dataType: 'json',
         contentType: 'application/x-www-form-urlencoded; charset=utf-8',
         type: 'POST',
         data: {
                //data
         },
         success: function (data, textStatus, jqXHR) {
               console.log(jqXHR.status);
               if (data.isSuccess) {
                   alert(data.message);
               }
               else {
                   alert(data.message);
               }
               window.location.href = "@Url.Action("Index", "ControllerName")";
         },
         error: function (jqXHR, textStatus, errorThrown) {
               console.log(jqXHR.status);
               window.location.href = "@Url.Action("Index", "ControllerName")";

         }
});

我想在页面加载后显示自定义通知，而不是显示 alert(data.message);。

我不想传递任何查询字符串参数，因为它在 url.

中可见

有两种可能的方式显示通知：

1)

$(".notificationdiv").html("<div class='notification  alert alert-success' role='alert'>
<strong> Operation performed successfully</strong>
</div>");
$(".notification").fadeOut(4000);

2. 我有一个自定义的 Base Controller 虚拟方法来显示通知。 在页面重定向后调用该方法。

请告诉我如何显示通知。 代码示例表示赞赏。 提前致谢。

Answer 1

使用sessionStorage

在ajax成功之前window.location.href添加这个

sessionStorage.successMessage= true;

并将此添加到您的 jquery

$(function () {
    if (sessionStorage.successMessage) {
        $(".notificationdiv").html("<div class='notification  alert alert-success' role='alert'><strong> Operation performed successfully</strong></div>");
        $(".notification").fadeOut(4000);
        sessionStorage.successMessage= false;
        sessionStorage.removeItem("successMessage") //if you want remove from session storage
    }
});