保持几个浏览器选项卡的会话效果

时间:2018-04-02 18:30:08

标签: javascript browser local-storage session-storage jquery-cookie

我正在使用Jquery,Html和node js web服务器进行Web项目。我读过几篇关于浏览器存储的文章。 localStorage sessionstorage 有两种存储方式。 localstorage保持数据直到清除它,sessionstorage将在关闭浏览器后删除。我在我的项目中使用了sessionstorage,因为我不想在关闭浏览器后保留数据。

用于将数据写入会话

sessionStorage.setItem('usersession', response.session);

从会话中获取数据

var usrSess = sessionStorage.getItem('usersession');

我的问题是,我将URL复制并粘贴到浏览器中的新标签页(这意味着将当前网页复制到新标签页)。但那些会议不在那里。 (会话为空)那么保持新标签会话的最佳方法是什么?我不想使用localstorage,因为如果我关闭浏览器,它会将数据保存在浏览器存储中。

  

尝试1

我尝试使用jquery cookie会话。 从互联网下载js.cookie.js文件并使用如下。

登录html是定义js文件。

 <script src="./plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <script src="./bootstrap/js/jquery.cookie.js"></script>    
    <script src="./scripts/user.js"></script>

出于测试目的,我在user.js文件中的 document.ready 函数中对cookie进行硬编码

$(document).ready(function () {   
    $.cookie("sampleCookie", "TestValue001");

    //other code going here 
});

发生错误未捕获的TypeError:$ .cookie不是函数。希望我使用正确的js文件定义层次结构。

这些是我下载cookie.js

的网站

https://plugins.jquery.com/cookie/ https://github.com/js-cookie/js-cookie

然后我也使用了CDN位置。

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> 

仍然存在“cookie不是功能”问题,无法找到解决方案:(

0 个答案:

没有答案