2

我想向用户显示一条消息，说“您已注销，请重新登录！” 当会话超时时，每次发送一个ajax请求。如果会话计时器结束，我想发送显示上述消息的最终 ajax 请求。但是这里的问题是我不知道我应该在哪里保留我的 ajax 和 jquery 代码，而且由于我对 ajax 请求了解不多，任何人都可以用代码解释这个过程。简单来说，我的要求就像 facebook 在会话超时时显示的内容，或者当多个选项卡的任何一个选项卡被注销时。我正在研究grails 项目。

4

2 回答 2

4

像这样做你的ajax请求

$.ajax({
    url:url,
    type:"POST",  // or get
    data:parameters,
    success: function(data) {
    // do procedure if success
          }
    error : function(xhr, type, error){
    // do procedure if fail
            // may be send a message to the server side to display a message that     shows session timeout
       }
});

在错误函数中处理您的会话超时

于 2012-07-23T08:23:01.613 回答
0

我自己做了，这是它的 js 代码“gracefulSession.js”，并在你要嵌入 html 代码的页面上调用这个 javascript。

function checkSessionStatus() {

    var lStorage = getLocalStorage();
    if (lStorage) {
        //lStorage.setItem('poleTime',new Date());
        var poleTime = lStorage.getItem("poleTime");
        var parsedTime;
        try {
            parsedTime = new Date(poleTime);
        } catch (e) {}

        //alert(new Date()-parsedTime)
        //alert(new Date())
        //alert(parsedTime)

        //3900000 = 1H5M

        if (parsedTime && (new Date() - parsedTime) < 3900000) {
            //alert('NCATCH'+parsedTime);
        } else {
            //alert('POINT');
            poleSessionStatus();
        }
    }
}

function setlatestPoleTIme() {

    //alert("SETTING POLE TIME");
    var lStorage = getLocalStorage();
    if (lStorage) {
        lStorage.setItem('poleTime', new Date());
    }
}

function setCheckSessionTimer() {

    var lStorage = getLocalStorage();
    var isLoggedOut = false;
    if (lStorage) {
        if (lStorage.getItem('isLoggedOut') == 'true') {
            isLoggedOut = true;
        }
    }

    //console.log('checkingIfLoggedOut');

    if (!isLoggedOut) {

        setTimeout("setCheckSessionTimer();", 5000);
        //console.log("NOPT LO");
        $('#LoggedoutMessage').hide();
        checkSessionStatus();
    } else {

        setTimeout("setCheckSessionTimer();", 5000);
        //console.log("KO");
        //alert("You're Logged Out from  other tab");
        $('#LoggedoutMessage').show();

    }

}

function logout() {

    //alert("LOGGIN OUT")
    var lStorage = getLocalStorage();
    if (lStorage) {
        lStorage.setItem('isLoggedOut', 'true');
    }
}

function resetLoggedOutFLag() {

    var lStorage = getLocalStorage();
    if (lStorage) {
        lStorage.removeItem('isLoggedOut');
    }
}


function getLocalStorage() {

    var storage, fail, uid;
    try {
        uid = new Date;
        (storage = window.localStorage).setItem(uid, uid);
        fail = storage.getItem(uid) != uid;
        storage.removeItem(uid);
        fail && (storage = false);
    } catch (e) {}
    return storage
}

现在，要嵌入的 HTML 代码，

<div id="LoggedoutMessage" style="display:none;position:absolute;background:black;height: 200%;width:100%;top: 0;z-index: 10000;opacity: 0.9;">
    <div id="login_box" style="position:fixed;left:38%;top:30%; padding:10px; width: 365px;margin: 0 auto;border: 0px solid #CCC;margin-top: 35px;height: 150px;background: white; border-radius:3px;">
        <div id="login_title">
            <h1>You have been logged out.</h1>
        </div>
        <div id="reLogin">
            <p>Please login to continue.</p>
            <g:link controller="dashBoard" action="index" target="_blank" onclick="logout();">Login</g:link>
        </div>
    </div>
</div>

最后，在您保留 html 的位置，将此 javascript 代码保留在嵌入脚本标记的顶部：

function poleSessionStatus() {

    jQuery.ajax({
        type: 'POST',
        data: '',
        url: '<g:createLink action="ajaxCheckSession" controller="dashBoard"/>',
        success: function (data, textStatus) {
            //setTimeout ( "checkSession();", 5000);
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            $('#LoggedoutMessage').show();

        },
        complete: function (XMLHttpRequest, textStatus) {
            $.unblockUI();
        }
    });
}
于 2012-07-27T05:26:38.047 回答