关闭页面时执行“退出”的解决方案

1.捕获onbeforeunload或onunload事件

如果我们在<body>中设置了onbeforeunload或onunload事件函数,那么当浏览器关闭时,将会先后执行这两段JavaScript方法,据此,在一些实时性要求很高的应用中,比如在线会议,如果用户关闭了页面,需要马上将状态反馈给服务端。这种情况下,我们可以在JavaScript方法中调用WebService来告诉服务端,用户已经offline了。

为了提高Javascript代码的效率,我们可以用捕获鼠标关闭事件来判断是用户点击了“X”关闭页面,还是其它情况下的离开页面,代码如下:

if(window.event.clientY < 0 && window.event.clientY < -80)
{
     
//Call Server method;
}

2.定时向服务器汇报状态

在上一种客户端方案中,如果客户端突然断电,则可能无法及时更新状态。

我们知道,在JavaScript中有类似于Timer的setInterval和setTimeout函数,我们可以利用这个函数来每隔一段时间之行一段代码:

setTimeout("SomeJavascriptFunction()",nTimeoutinMilliseconds,"Language");   
  
//or   
setInterval("SomeJavascriptFunction()",nTimeoutinMilliseconds,"Language");   

据此,我们可以在客户端每隔一段时间到服务器汇报在线状态,如果一定时间内服务器接收不到客户端的状态更新,则视为offline

3.非AJAX的方法

使用传统表单提交的方法貌似可以达成,以下代码来自palanisaami ,但未经测试

function Signout()
{
    document.getElementById(
"Form1").action="Signout.aspx";
    document.getElementById(
"Form1").submit();
}
 
原文地址:https://www.cnblogs.com/dadamoney/p/1437978.html