HTML5 sessionStorage 使用
实例:
function restore4Local() { if (window.localStorage) { user = user || {}; window.sessionId = localStorage.getItem("sessionId"); if (window.sessionId == null || window.sessionId == undefined) { return; } user.username = localStorage.getItem("user_username"); user.password = localStorage.getItem("user_password"); user.userId = localStorage.getItem("user_userId"); } } var restoreLoginDialog = function () { var $username = $('#uib_login input[name=username]'); var $password = $('#uib_login input[name=password]'); if (window.localStorage) { if (!$username.val()) { $username.val(localStorage.getItem("user_username")); $password.val(localStorage.getItem("user_password")); } } };
/*** * 清除localStorage */ function removeLocalStorage() { localStorage.removeItem("sessionId"); localStorage.removeItem("user_username"); localStorage.removeItem("user_password"); localStorage.removeItem("user_userId"); }
/*** * 使用sessionStorage保存数据 * @param key * @param objectVal : json对象 */ export function saveObj(key,objectVal) { window.sessionStorage.setItem(key, JSON.stringify(objectVal)); }; /*** * 使用sessionStorage恢复数据 * @param key */ export function getObj(key) { var val=window.sessionStorage.getItem(key); if(val){ return JSON.parse(val); }else{ return val; } }; export function removeItem(key) { window.sessionStorage.removeItem(key); }; export function removeStoreCache() { window.sessionStorage.removeItem(SESSIONSTORAGE_KEY_GZQ_APPLIST); window.sessionStorage.removeItem(SESSIONSTORAGE_KEY_GZQ_MOBILESTORECONFIG); };
参考:
https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
https://my.oschina.net/crazymus/blog/371757
相关推荐
sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。...
在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 在客户端存储的方法有两种: 1. localStorage: 没有时间限制的存储,而且容量大,...
一个简单、轻量级的 jQuery 插件,用于使用 ttl 在 html5 sessionStorage 对象(如果可用)中缓存 ajax 响应。 用于减少服务器上可能会陈旧一段时间的数据的负载。 在第一个请求中,使用您指定的参数发出 Ajax ...
html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。webstrange又分为:localstorage,...
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...
使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图,能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage(本地存储),可以长期存储数据,...
HTML5 和 CSS3 面试题答案 HTML5 和 CSS3 是当前 Web 开发中两个非常重要的技术,以下是关于 HTML5 和 CSS3 的一些常见面试题答案: 优雅降级和渐进增强 优雅降级(Gracious Degradation)和渐进增强...
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁
角度存储Cookie,会话和本地存储的装饰器和服务该库添加了装饰器,使使用HTML5的localStorage和sessionStorage自动保存和恢复变量变得非常容易。 它还提供了Angular-Injectable Session-和LocalStorageService。包括...
从第 2章起,分别围绕构建令人神往的富Web 应用,逐一讨论了HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用,辅以直观明了的客户端和服务器端示例代码,让开发人员...
利用HTMl5的sessionStorage和localStorage实现日志的增删改查,并通过canvas绘制出每天的工时统计图。
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 ...HTML5 使用 JavaScript 来存储和访问数据。
当用户使用此jQuery插件键入内容时,会自动将表单值存储在HTML5 sessionStorage中。 安装 npm npm install squirreljs 开始使用 首先,只需在加载jQuery库后包括插件,然后将squirrel类添加到表单中即可。 该插件...
1.3 HTML的基本结构 5 1.3.1 HTML文件的编写方法 5 1.3.2 文件开始标签<html> 7 1.3.3 文件头部标签<head> 7 1.3.4 文件标题标签<title> 7 1.3.5 文件主体标签<body> 7 1.3.6...
用于HTML5存储的类似于StorageDB MongoDB的API(localStorage和sessionStorage)注意:npm软件包名称为“ storagedb2”。具有类似MongoDB的API轻巧,只有3KB(最小化并压缩)没有dep StorageDB用于HTML5的类似于...