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
相关推荐
在HTML5中,localStorage和sessionStorage是Web存储的两种机制,它们允许网页在用户的浏览器上保存数据,从而实现数据持久化。这两个API都是基于键值对(key-value pairs)的存储方式,对于JSON(JavaScript Object ...
- `sessionStorage`是HTML5引入的新特性,因此在旧版浏览器中可能不支持。开发者需要考虑向后兼容,提供替代方案或者检测浏览器是否支持。 - 数据存储在客户端,虽然相对于服务器更安全,但不能防止用户篡改。如果...
在Web开发中,SessionStorage是HTML5 Web Storage的一部分,它允许网页存储数据在用户的浏览器上,这些数据只在特定的浏览会话期间有效。当用户关闭浏览器窗口或标签页时,SessionStorage中的数据将被清除。然而,在...
sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。...
HTML5的Web存储技术主要包括`localStorage`和`sessionStorage`两种存储方式。这两种存储方式都是通过JavaScript API提供的,它们允许网站开发者将数据存储在用户的浏览器中。 #### 1. localStorage - **持久性**:...
HTML5引入了两种客户端存储方式:localStorage和sessionStorage,它们都可以帮助开发者在用户的本地浏览器中保存数据。localStorage提供了一个无时间限制的数据存储机制,而sessionStorage则提供了一个针对单个...
这两个API是HTML5引入的,极大地扩展了Web应用程序的能力,使得离线应用和状态管理成为可能。本文将深入探讨如何更有效地利用它们,以及一些最佳实践。 首先,我们来理解一下`localStorage`和`sessionStorage`的...
一个简单、轻量级的 jQuery 插件,用于使用 ttl 在 html5 sessionStorage 对象(如果可用)中缓存 ajax 响应。 用于减少服务器上可能会陈旧一段时间的数据的负载。 在第一个请求中,使用您指定的参数发出 Ajax ...
localStorage、sessionStorage和Web SQL Database(或其替代品IndexedDB)是HTML5提供给开发者在客户端存储数据的方法。localStorage适用于需要长期保存的数据,sessionStorage适用于临时数据的存储,而Web SQL ...
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...
使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图,能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage(本地存储),可以长期存储数据,...
HTML5的Web Storage引入了两种新的本地数据存储方式:`sessionStorage`和`localStorage`,它们解决了传统Cookie在存储容量和性能上的限制,为Web应用提供了更高效的数据管理能力。 `sessionStorage`主要用于存储...
HTML5 和 CSS3 面试题答案 HTML5 和 CSS3 是当前 Web 开发中两个非常重要的技术,以下是关于 HTML5 和 CSS3 的一些常见面试题答案: 优雅降级和渐进增强 优雅降级(Gracious Degradation)和渐进增强...
在Web开发中,数据持久化是一个重要的需求,而`localStorage`和`sessionStorage`就是HTML5引入的两种本地存储机制,它们允许开发者在用户的浏览器中保存数据,即使用户关闭并重新打开浏览器,这些数据仍然存在。...
`SessionStorage`是HTML5引入的一种本地存储机制,允许网页在用户关闭和重新打开浏览器会话期间保存数据。这在某些场景下非常有用,比如保持用户的登录状态或临时存储用户输入的信息。 首先,我们要了解`...
"html5.rar_H.3155.com HTML5_HTML5 小游戏_HTML5小游戏_html5_html5 game m"这个压缩包文件包含了一个使用HTML5开发的小游戏——超级玛丽的实现。超级玛丽是经典的平台跳跃游戏,通过HTML5的重构,可以在现代浏览器...
在Web开发中,`sessionStorage` 是HTML5引入的一个存储机制,用于在浏览器的同一个浏览会话中存储数据。这个机制允许用户关闭页面并重新打开,而数据仍然存在,但是一旦用户关闭浏览器,`sessionStorage` 中的数据就...