如何使用 JQuery 和 ColdFusion 处理会话超时警告？

Question

我目前有 JS 函数来处理我的单页应用程序中的会话超时。第一次尝试似乎是我拥有的最佳解决方案。只需在页面加载时触发此功能并将 Ajax 调用发送到服务器以保持会话活动。然后我为此目的找到了更好的解决方案。 ColdFusion 具有onRequestStart() 功能，每次用户重新加载页面或向服务器发送请求时都会触发该功能。我已经在该函数中设置了时间标志。这是一个例子：

<cffunction name="onRequestStart" returnType="boolean" output="false">
     <cfargument name="thePage" type="string" required="true">
     <cfset REQUEST.appName = 'Single Page Application'>
     <cfset REQUEST.lastHit = now()>
     <cfreturn true>
</cffunction>

在我的主页.cfm 页面上，我使用toScript() 将lastHit 转换为JS。这是一个例子：

<script type="text/javascript" language="JavaScript">  
     <cfoutput>
         var #toScript(REQUEST.lastHit, "lastHit")#  
     </cfoutput>
     // Check last hit on every request
     var getLastHitTime = new Date(lastHit).getTime();
</script>

我想知道如何从 lastHit 时间戳开始计算 30 分钟？这样，每次用户向服务器发出请求时，此功能都会刷新。如果他们在 28 分钟内没有击中服务器，给他们一个警告并开始倒计时 120 秒。我想知道实现这一目标的更简单方法是什么？我看到 JQuery 有一些插件，但不确定如何使用它或者该插件是否可靠。使用 onRequestStart lastHit 范围值我会阻止向服务器发送 Ajax 请求，因为我有用户和服务器之间最近交互的时间戳。如果有人可以提供一些建议或示例，请告诉我。谢谢。

Answer 1

如果是单页网站，可以在页面加载时启动 JS 计时器来显示警告：

<script type="text/javascript">
setTimeout(function(){
    alert('You are about to lose unsaved changes. Please post the form.');
}, 25 * 60 * 1000); // 25 minutes
</script>

如果你想无限期地保持会话：

<script type="text/javascript">
var keepAlive = setInterval(function(){
    $.ajax({
        'type': "GET",
        'url': "/includes/blank.cfm?rand="+ Math.random(),
        'success': function (data) {
            tmp = data;
        }
    });
}, 25 * 60 * 1000); // 25 minutes
</script>

只要确保指向一个真正的 CFM，即使它是一个空白文件。