HTML5 LocalStorage在同一域下跨页面/选项卡维护会话

HTML5 LocalStorage to maintain session across pages/tabs under same domain

本文关键字:选项 卡维 维护 会话 维护会 LocalStorage HTML5      更新时间:2023-09-26

任何人提供我的方式,我可以使用HTML5 LocalStorage在Javascript中使用来维护服务器和客户端之间的会话,以跟踪会话超时,这将重定向会话过期页面中的所有选项卡或页面。

是否有任何方法(除了这个),我可以在同一域下的页面/选项卡上维护会话,以跟踪会话超时。

Thanks in Advance

你还没有发布任何代码,所以我唯一能做的就是向你展示一个通用的例子,它可能不完全符合你的要求,但会给你一个想法,你如何做到这一点:

// show last settings pane if it's set
if ( localStorage.activePill ) {
    $('.nav-pill-control > li').removeClass('active');
    $('.nav-pill-control > li > a[href="' + localStorage.activePill + '"]').parent().addClass('active');
    $('.nav-pill-pane').hide();
    $(localStorage.activePill).show();
}

sessionStorage对象等于localStorage对象,只是它只存储一个会话的数据。当用户关闭特定的浏览器选项卡时,数据将被删除。

在HTML5中,你可以使用session将对象从一个页面传递到另一个页面:

//保存数据到sessionStorage

sessionStorage.setItem('key', 'value');

//从sessionStorage获取保存的数据

var data = sessionStorage.getItem('key');

//删除sessionStorage中保存的数据

sessionStorage.removeItem('key')
更多信息