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

最新推荐文章于 2023-11-20 17:59:03 发布

weixin_34055910

最新推荐文章于 2023-11-20 17:59:03 发布

阅读量99

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dadamoney/archive/2009/04/17/1437978.html

本文介绍三种确保用户退出网页时能够及时通知服务器的技术方案，包括利用JavaScript的onbeforeunload/onunload事件，通过定时向服务器发送心跳包，以及使用传统表单提交的方式。

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

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();

}

posted on 2009-04-17 13:35 dadamoney 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/dadamoney/archive/2009/04/17/1437978.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。