当会话即将在 mvc 中清除时检测会话超时并显示弹出窗口

Question

当我的会话即将在 .net MVC 中清除时，我必须显示一个弹出窗口。

example

我想在 MVC 中实现同样的东西。我该怎么办？？？

这里我尝试了一些代码：

这是控制器页面（错误来自客户端脚本不存在）：

   Configuration config = WebConfigurationManager.OpenWebConfiguration("~/Web.Config");
        SessionStateSection section = (SessionStateSection)config.GetSection("system.web/sessionState");
        int timeout = (int)section.Timeout.TotalMinutes * 1000 * 60;
        ClientScript.RegisterClientScriptBlock(this.GetType(),"SessionAlert", "SessionExpireAlert(" + timeout + ");", true);

这是我在视图中的脚本（我从控制器调用）：

<script type="text/javascript">
function SessionExpireAlert(timeout) {
    var seconds = timeout / 1000;
    document.getElementsByName("secondsIdle").innerHTML = seconds;
    document.getElementsByName("seconds").innerHTML = seconds;
    setInterval(function () {
        seconds--;
        document.getElementById("seconds").innerHTML = seconds;
        document.getElementById("secondsIdle").innerHTML = seconds;
    }, 1000);
    setTimeout(function () {
        //Show Popup before 20 seconds of timeout.
        $find("mpeTimeout").show();
    }, timeout - 20 * 1000);
    setTimeout(function () {
        window.location = "Expired.aspx";
    }, timeout);
};
function ResetSession() {
    //Redirect to refresh Session.
    window.location = window.location.href;
}
</script>

Answer 1

首先获取用户会话的超时时间：

int sessionTimeout = HttpContext.Current.Session.Timeout;
DateTime timeoutDate = DateTime.Now.AddMinutes(sessionTimeout);

您可以通过 Model 或 ViewBag 将其传递给您的视图，并使用 JavaScript 计时器弹出警报。 （由于每次请求都会刷新会话，这将是一个准确的超时）。

查看：

@{
    int milliseconds = (int)ViewBag.sessionTimeout * 60 * 1000;
}
setTimeout(function(){alert("SessionPop!");}, @milliseconds.ToString());

但是由于会话会在点击控制器操作时刷新，您可能希望提供实时支持（尤其是如果您的应用将在多个选项卡中使用或大量使用 AJAX 调用）。当新的会话超时对用户到期时，您可以考虑使用 SignalR 实时更新。

Answer 2

AFAIK，MVC 控制器在将脚本内容传递到视图时不需要ClientScript.RegisterClientScriptBlock。您可以像这样使用ViewBag/ViewData 和Html.Raw 注册脚本块，只需确保控制器返回包含ViewBag/ViewData 的视图：

public ActionResult WarnTimeout()
{
    Configuration config = WebConfigurationManager.OpenWebConfiguration("~/Web.Config");
    SessionStateSection section = (SessionStateSection)config.GetSection("system.web/sessionState");
    int timeout = (int)section.Timeout.TotalMinutes * 1000 * 60;
    ViewBag.Script = "\r\n<script type='text/javascript'>\r\nSessionExpireAlert(" + timeout + ");\r\n</script>\r\n");

    return View();
}

// View (use Html.Raw to include script tag into view)
@Html.Raw(ViewBag.Script)

<script type="text/javascript">
function SessionExpireAlert(timeout) {
    var seconds = timeout / 1000;
    document.getElementsByName("secondsIdle").innerHTML = seconds;
    document.getElementsByName("seconds").innerHTML = seconds;
    setInterval(function () {
        seconds--;
        document.getElementById("seconds").innerHTML = seconds;
        document.getElementById("secondsIdle").innerHTML = seconds;
    }, 1000);
    setTimeout(function () {
        //Show Popup before 20 seconds of timeout.
        $find("mpeTimeout").show();
    }, timeout - 20 * 1000);
    setTimeout(function () {
        // when using MVC, you may use Url.Action instead of providing ASPX relative path
        window.location = "@Url.Action("Expired", "Controller")";
    }, timeout);
};
function ResetSession() {
    //Redirect to refresh Session.
    window.location = window.location.href;
}
</script>

或者，可以使用提供某些数据的 jQuery ajax 调用 ($.ajax({ ... }))，然后在 success 部分中设置所需的警报框操作。

欢迎提出任何建议。

参考类似问题：

How do I warn the user that their web session is about to time out?