`

HTML5 sessionStorage 使用

阅读更多

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

 

0
1
分享到:
评论

相关推荐

    H5 localStorage 和 sessionStorage 对json的处理方式

    在HTML5中,localStorage和sessionStorage是Web存储的两种机制,它们允许网页在用户的浏览器上保存数据,从而实现数据持久化。这两个API都是基于键值对(key-value pairs)的存储方式,对于JSON(JavaScript Object ...

    sessionStorage本地存储数据实例

    - `sessionStorage`是HTML5引入的新特性,因此在旧版浏览器中可能不支持。开发者需要考虑向后兼容,提供替代方案或者检测浏览器是否支持。 - 数据存储在客户端,虽然相对于服务器更安全,但不能防止用户篡改。如果...

    多頁面共享sessionStorage並同步至vuex範例

    在Web开发中,SessionStorage是HTML5 Web Storage的一部分,它允许网页存储数据在用户的浏览器上,这些数据只在特定的浏览会话期间有效。当用户关闭浏览器窗口或标签页时,SessionStorage中的数据将被清除。然而,在...

    html5 sessionStorage会话存储_动力节点Java学院整理

    sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。...

    【温故而知新】HTML5存储localStorage:sessionStorage.md

    HTML5的Web存储技术主要包括`localStorage`和`sessionStorage`两种存储方式。这两种存储方式都是通过JavaScript API提供的,它们允许网站开发者将数据存储在用户的浏览器中。 #### 1. localStorage - **持久性**:...

    HTML5 使用 sessionStorage 进行页面传值的方法

    HTML5引入了两种客户端存储方式:localStorage和sessionStorage,它们都可以帮助开发者在用户的本地浏览器中保存数据。localStorage提供了一个无时间限制的数据存储机制,而sessionStorage则提供了一个针对单个...

    一种更好的方法来使用localStorage和sessionStorage

    这两个API是HTML5引入的,极大地扩展了Web应用程序的能力,使得离线应用和状态管理成为可能。本文将深入探讨如何更有效地利用它们,以及一些最佳实践。 首先,我们来理解一下`localStorage`和`sessionStorage`的...

    jquery-ajax-session-storage-cache:使用 ttl 在 html5 sessionStorage 对象中缓存 jQuery ajax 响应

    一个简单、轻量级的 jQuery 插件,用于使用 ttl 在 html5 sessionStorage 对象(如果可用)中缓存 ajax 响应。 用于减少服务器上可能会陈旧一段时间的数据的负载。 在第一个请求中,使用您指定的参数发出 Ajax ...

    html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例

    localStorage、sessionStorage和Web SQL Database(或其替代品IndexedDB)是HTML5提供给开发者在客户端存储数据的方法。localStorage适用于需要长期保存的数据,sessionStorage适用于临时数据的存储,而Web SQL ...

    HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等

    HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 ...

    HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用

    使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图,能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage(本地存储),可以长期存储数据,...

    HTMl5的存储方式sessionStorage和localStorage详解

    HTML5的Web Storage引入了两种新的本地数据存储方式:`sessionStorage`和`localStorage`,它们解决了传统Cookie在存储容量和性能上的限制,为Web应用提供了更高效的数据管理能力。 `sessionStorage`主要用于存储...

    html5+css3面试题答案.docx

    HTML5 和 CSS3 面试题答案 HTML5 和 CSS3 是当前 Web 开发中两个非常重要的技术,以下是关于 HTML5 和 CSS3 的一些常见面试题答案: 优雅降级和渐进增强 优雅降级(Gracious Degradation)和渐进增强...

    localstorage和sessionstorage使用记录(推荐)

    在Web开发中,数据持久化是一个重要的需求,而`localStorage`和`sessionStorage`就是HTML5引入的两种本地存储机制,它们允许开发者在用户的浏览器中保存数据,即使用户关闭并重新打开浏览器,这些数据仍然存在。...

    使用JS获取SessionStorage的值

    `SessionStorage`是HTML5引入的一种本地存储机制,允许网页在用户关闭和重新打开浏览器会话期间保存数据。这在某些场景下非常有用,比如保持用户的登录状态或临时存储用户输入的信息。 首先,我们要了解`...

    html5.rar_H.3155.com HTML5_HTML5 小游戏_HTML5小游戏_html5_html5 game m

    "html5.rar_H.3155.com HTML5_HTML5 小游戏_HTML5小游戏_html5_html5 game m"这个压缩包文件包含了一个使用HTML5开发的小游戏——超级玛丽的实现。超级玛丽是经典的平台跳跃游戏,通过HTML5的重构,可以在现代浏览器...

    sessionStorage测试.zip

    在Web开发中,`sessionStorage` 是HTML5引入的一个存储机制,用于在浏览器的同一个浏览会话中存储数据。这个机制允许用户关闭页面并重新打开,而数据仍然存在,但是一旦用户关闭浏览器,`sessionStorage` 中的数据就...

Global site tag (gtag.js) - Google Analytics