js關閉瀏覽器時退出賬號的處理
經典做法
眾所周知，為了賬戶安全，用戶未主動點擊注銷系統(tǒng)時，直接關閉瀏覽器或標簽頁強制退出系統(tǒng)的方法：
// 關閉時調用注銷接口
window.onbeforeunload = function() {
//執(zhí)行注銷ajax調用,簡單示例
$.ajax({url:"/logout"});
};
問題
此方式有嚴重問題， 會造成刷新頁面時也被調用注銷， 很多系統(tǒng)必須支持刷新頁面保持會話，如何處理？
沒有辦法的解決方案， 但有效：
// 關閉時調用注銷接口
window.onbeforeunload = function() {
//執(zhí)行注銷ajax調用, 傳入標志, 告訴后臺延時注銷
$.ajax({url:"/logout"},data:{delay:true});
};
后臺注銷接口根據delay標志， 設置定時器，進行延時注銷， 比如設置5秒定時器，5秒后，才真正注銷應用系統(tǒng)會話。
同時，前端頁面加載后，要立刻調用一個清除注銷的接口， 告訴后臺刪除延時注銷定時器，確保刷新頁面時放棄之前的注銷操作，以保持應用會話。
進一步問題
后臺定時器設置多少延時可靠？ 當然希望越短越好， 因為可以確保用戶關閉瀏覽器后， 重新打開頁面，不至于重新保持會話， 例如后臺設置5秒定時器， 用戶關閉瀏覽器， 重新打開頁面之間間隔只要大于5秒， 則會話將不會恢復， 確保重新進入登陸頁面。 當然，如果用戶手速過高，5秒內重新打開頁面，則會成功進入上一個會話， 當然這不會造成嚴重問題， 因為惡意用戶不可能非?？斓氖褂糜脩綦x開的電腦并打開頁面。
然后呢？ 到底設置多少秒延時為好？ 這取決于 前端代碼加載頁面時調用清除延時注銷定時器的時機， 關鍵點是，越早越好。
如何越早呢？ 當然是 需要把此調用放在主頁的盡可能提前的代碼中，比如：
<html manifest="">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<script type="text/javascript">
//為了盡快調用清除延時注銷定時器， 使用原始XMLHttpRequest方式進行調用
var xhr = new XMLHttpRequest();
if (xhr) {
xhr.open("POST", '/clearlogout', true);
xhr.send();
}
</script>
......
經過上述處理， 一般正常的網絡情況下， 刷新頁面操作可確保 調用延時注銷 和 清除延時注銷之間的時間間隔很短， 一般來說， 5秒是較為合理的延時值。
使用此機制的使用可根據偏好， 比如希望更安全，還是希望更確保刷新體驗， 來決定延長還是縮短延時調用定時器。
需要注意問題
顯然，上述機制必須依賴后端雙層會話機制，因為前提是必須首先支持刷新頁面會話保持， 所以 表層是web框架本身的session, 內層是應用層會話。 表層會話依賴cookie,內層應用會話依賴后臺緩存機制或者數據庫
到此這篇關于js關閉瀏覽器時退出賬號的處理的文章就介紹到這了,更多相關js關閉瀏覽器時退出賬號內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
javascript面向對象程序設計高級特性經典教程(值得收藏)
這篇文章主要介紹了javascript面向對象程序設計高級特性,結合實例形式詳細講述了javascript對象的創(chuàng)建,訪問,刪除,對象類型,擴展等,需要的朋友可以參考下2016-05-05
在使用"get"時，抓取的頁面最后加上編碼類型，在使用post時用vbscript解決了編碼問題，具體實現如下，有類似情況的朋友可以參考下哈2013-06-06
這篇文章主要為大家詳細介紹了JavaScript實現前端分頁控件的相關代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了js判斷當前瀏覽器類型,判斷IE瀏覽器方法,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了javascript面向對象三大特征之封裝,簡單描述了封裝的基本概念、原理,并結合實例形式詳細分析了javascript面向對象程序設計中封裝的用法與相關操作注意事項,需要的朋友可以參考下2019-07-07
今天小編就為大家分享一篇layer.open組件獲取彈出層頁面變量、函數的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript中所有的任務分為同步任務與異步任務，同步任務，顧名思義就是立即執(zhí)行的任務，它一般是直接進入到主線程中執(zhí)行,這篇文章主要介紹了JS定時器不可靠的原因及解決方案,需要的朋友可以參考下2022-01-01
Attribute是屬性的意思，文章僅對部分兼容IE和FF的Attribute相關的介紹。具體內容詳情大家參考下本文2017-04-04
這篇文章主要介紹了微信小程序swiper組件用法,結合實例形式分析了微信小程序中swiper組件的功能、使用方法,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了JavaScript獲取DOM元素的11種方法總結,本文用分4大類11個方法總結如何獲取DOM元素,需要的朋友可以參考下2015-04-04