我使用 JQuery 对虚拟 HTTP 处理程序执行简单的 AJAX 调用,该处理程序除了保持我的 Session 活动之外什么都不做:
function setHeartbeat() {
setTimeout("heartbeat()", 5*60*1000); // every 5 min
}
function heartbeat() {
$.get(
"/SessionHeartbeat.ashx",
null,
function(data) {
//$("#heartbeat").show().fadeOut(1000); // just a little "red flash" in the corner :)
setHeartbeat();
},
"json"
);
}
会话处理程序可以很简单:
public class SessionHeartbeatHttpHandler : IHttpHandler, IRequiresSessionState
{
public bool IsReusable { get { return false; } }
public void ProcessRequest(HttpContext context)
{
context.Session["Heartbeat"] = DateTime.Now;
}
}
关键是添加IRequiresSessionState,否则Session将不可用(= null)。如果某些数据应该返回给调用 JavaScript,该处理程序当然也可以返回一个 JSON 序列化对象。
通过 web.config 提供:
<httpHandlers>
<add verb="GET,HEAD" path="SessionHeartbeat.ashx" validate="false" type="SessionHeartbeatHttpHandler"/>
</httpHandlers>
于 2012 年 8 月 14 日从balexandre 添加
我非常喜欢这个示例,因此我想通过 HTML/CSS 和节拍部分进行改进
改一下
//$("#heartbeat").show().fadeOut(1000); // just a little "red flash" in the corner :)
进入
beatHeart(2); // just a little "red flash" in the corner :)
并添加
// beat the heart
// 'times' (int): nr of times to beat
function beatHeart(times) {
var interval = setInterval(function () {
$(".heartbeat").fadeIn(500, function () {
$(".heartbeat").fadeOut(500);
});
}, 1000); // beat every second
// after n times, let's clear the interval (adding 100ms of safe gap)
setTimeout(function () { clearInterval(interval); }, (1000 * times) + 100);
}
HTML 和 CSS
<div class="heartbeat">♥</div>
/* HEARBEAT */
.heartbeat {
position: absolute;
display: none;
margin: 5px;
color: red;
right: 0;
top: 0;
}
这里有一个实时示例,仅用于跳动部分:http://jsbin.com/ibagob/1/