Question

我正在尝试在Web应用程序中实现服务器超时警报。我按照here给出的说明进行操作。它工作正常。我正在寻找一种方法，当弹出超时对话框时，它应该将用户从他/她的任何窗口/浏览器重定向，并在对话框上执行操作。任何线索都有帮助。谢谢:)）

这是我的代码段：

    printf ("\n please enter two numbers (0-10): ");
    if (scanf (" %d %d", &u, &v) == 2)
        printf ("\n  The answer is %d.\n", path (arr, u, v));
    else
        fprintf (stderr, "error: input failure.\n");

在HTML文件中添加：

<script>
    var myRedirectUrl = '/logout/';
    var idleTime = 5000 //read session timeout value from web.config number of miliseconds until the user is considered idle
    var initialSessionTimeoutMessage = 'Your session will expire in <spanid="sessionTimeoutCountdown"></span> seconds.<br>Click on <b>OK</b> to continue your session.';
    var sessionTimeoutCountdownId = 'sessionTimeoutCountdown';
    var redirectAfter = 10 //read session timeout value from web.config
    var redirectAfterPause = 2000; //# of milliseconds to show expiredMessage before redirting to redirectTo
    var redirectTo = myRedirectUrl; // URL to relocate the user to once they have timed out
    var keepAliveURL = '/'; // URL to call to keep the session alive
    var expiredMessage = 'Your session has expired.  You are being logged out for security reasons.'; // message to show user when the countdown reaches 0
    var running = false; // var to check if the countdown is running
    var timer; // reference to the setInterval timer so it can be stopped
    var stayButton = 'Continue' //Text on button to stay on current page
    var leaveButton = 'Exit' //text on button to take user to the redirectTo page

    $(document).ready(function () {
            // create the warning window and set autoOpen to false
            var sessionTimeoutWarningDialog = $("#sessionTimeoutWarning");
            $(sessionTimeoutWarningDialog).html(initialSessionTimeoutMessage);
            $(sessionTimeoutWarningDialog).dialog({
                    title: 'Session Expiration Warning',
                    autoOpen: false,  // set this to false so we can manually open it
                    closeOnEscape: false,
                    draggable: false,
                    width: 460,
                    minHeight: 50,
                    modal: true,

                    beforeClose: function () { // bind to beforeclose so if the user clicks on the "X" or escape to close the dialog, it will work too
                            // stop the timer
                            clearInterval(timer);

                            // stop countdown
                            running = false;

                            // ajax call to keep the server-side session alive
                            $.ajax({
                                    url: keepAliveURL,
                                    async: false
                            });
                    },
                    buttons: {
                            'keep-alive-button' : {
                                    text: stayButton,
                                    click : function () {
                                            // close dialog
                                            $(this).dialog('close');
                                    }
                            },
                            'sign-out-button' : {
                                    text: leaveButton,
                                    click : function () {
                                            // close dialog
                                            window.location = redirectTo;
                                    }
                            }
                    },
                    resizable: false,
                    open: function () {
                                    // scrollbar fix for IE
                                    $('body').css('overflow', 'hidden');
                    },
                    close: function () {
                                    // reset overflow
                                    $('body').css('overflow', 'auto');
                    }
            }); // end of dialog


            // start the idle timer
            $.idleTimer(idleTime);

            // bind to idleTimer's idle.idleTimer event
            $(document).bind("idle.idleTimer", function () {
                    // if the user is idle and a countdown isn't already running
                    if ($.data(document,'idleTimerObj').idle === true && !running) {
                            var counter = redirectAfter;
                            running = true;

                            // intialisze timer
                            $('#' + sessionTimeoutCountdownId).html(redirectAfter);
                            // open dialog
                            $(sessionTimeoutWarningDialog).dialog('open');

                            // create a timer that runs every second
                            timer = setInterval(function () {
                                    counter -= 1;

                                    // if the counter is 0, redirect the user
                                    if (counter === 0) {
                                            $(sessionTimeoutWarningDialog).html(expiredMessage);
                                            setTimeout(function () {
                                                    $(sessionTimeoutWarningDialog).dialog('disable');
                                                    window.location = redirectTo;
                                            }, redirectAfterPause);
                                    } else {
                                            $('#' + sessionTimeoutCountdownId).html(counter);
                                    };
                            }, 1000);
                    };
            });

    });


</script>

这将打开对话框，但不会强制用户访问该页面。因此，会话可能会在没有用户意识到期的情如何避免这种行为？

Answer 1

试试这个window.parent.location

修改

$(sessionTimeoutWarningDialog).dialog('disable'); window.parent.location = redirectTo; //change it here }, redirectAfterPause);

由于您希望通过pop up重定向您的网页，这有助于您定位作为基础pop up's的{{1}}父母

强制用户访问浏览器并执行对话框操作

1 个答案: