我需要在选项卡关闭时清除会话变量,但到目前为止我找不到任何解决方案。我最接近的是使用“onbeforeunload”函数是javascript。
<body onbeforeunload='destroySession()'>
<!--Codes for the site includeing php scripts-->
</body>
<script type='text/javascript'>
function destroySession(){
$.ajax({
url: "destroySession.php"
});
}
<script>
问题是每次点击,刷新或甚至提交表单时都会调用该函数。是否有更好的方法在关闭选项卡时销毁会话变量或我做错了什么?请帮忙。
答案 0 :(得分:4)
没有安全的方法来处理您正在寻找的东西。每次离开页面时都会执行onbeforunload事件。 (昨天我的一个项目有类似的问题)。您可以获得的最接近的是控制用户离开页面的方式。
在一些评论中查看lan发布的link。并通过 Daniel Melo 检查答案。您可以从此问题中获得解决方案。
我也发现了这个link,但它基本上是对stackoverflow中给出的答案的提取。
希望这有帮助。
答案 1 :(得分:1)
不幸的是,没有办法阻止页面刷新(由表单提交或任何其他导航引起)调用“onbeforeunload”。
答案 2 :(得分:0)
是的,你可以做到,
</head>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
var validNavigation = false;
function endSession() {
// Browser or broswer tab is closed
// Do sth here ...
alert("bye");
}
function wireUpEvents() {
/*
* For a list of events that triggers onbeforeunload on IE
* check http://msdn.microsoft.com/en-us/library/ms536907(VS.85).aspx
*/
window.onbeforeunload = function() {
if (!validNavigation) {
endSession();
}
}
// Attach the event keypress to exclude the F5 refresh
$(document).bind('keypress', function(e) {
if (e.keyCode == 116){
validNavigation = true;
}
});
// Attach the event click for all links in the page
$("a").bind("click", function() {
validNavigation = true;
});
// Attach the event submit for all forms in the page
$("form").bind("submit", function() {
validNavigation = true;
});
// Attach the event click for all inputs in the page
$("input[type=submit]").bind("click", function() {
validNavigation = true;
});
}
// Wire up the events as soon as the DOM tree is ready
$(document).ready(function() {
wireUpEvents();
});
</script>
</head>
<body>
<h1>Eureka!</h1>
<a href="http://www.google.com">Google</a>
<a href="http://www.yahoo.com">Yahoo</a>
</body>
</html>