1.捕获onbeforeunload或onunload事件
如果我们在<body>中设置了onbeforeunload或onunload事件函数,那么当浏览器关闭时,将会先后执行这两段JavaScript方法,据此,在一些实时性要求很高的应用中,比如在线会议,如果用户关闭了页面,需要马上将状态反馈给服务端。这种情况下,我们可以在JavaScript方法中调用WebService来告诉服务端,用户已经offline了。
为了提高Javascript代码的效率,我们可以用捕获鼠标关闭事件来判断是用户点击了“X”关闭页面,还是其它情况下的离开页面,代码如下:
if(window.event.clientY < 0 && window.event.clientY < -80)
{
//Call Server method;
}
{
//Call Server method;
}
2.定时向服务器汇报状态
在上一种客户端方案中,如果客户端突然断电,则可能无法及时更新状态。
我们知道,在JavaScript中有类似于Timer的setInterval和setTimeout函数,我们可以利用这个函数来每隔一段时间之行一段代码:
setTimeout("SomeJavascriptFunction()",nTimeoutinMilliseconds,"Language");
//or
setInterval("SomeJavascriptFunction()",nTimeoutinMilliseconds,"Language");
//or
setInterval("SomeJavascriptFunction()",nTimeoutinMilliseconds,"Language");
据此,我们可以在客户端每隔一段时间到服务器汇报在线状态,如果一定时间内服务器接收不到客户端的状态更新,则视为offline
3.非AJAX的方法
使用传统表单提交的方法貌似可以达成,以下代码来自palanisaami ,但未经测试
function Signout()
{
document.getElementById("Form1").action="Signout.aspx";
document.getElementById("Form1").submit();
}
{
document.getElementById("Form1").action="Signout.aspx";
document.getElementById("Form1").submit();
}