JAVA、PHP、前端、APP、网站开发 - 开发技术学习

开发技术学习 » 前端设计 » 本地缓存localStorage的使用方法

本地缓存localStorage的使用方法

此文被围观6179日期: 2014-06-21 分类 : 前端设计  标签:  ······

本篇文章的使用方法来自于实际开发,详细介绍AppCan手机框架本地缓存localStorage的使用方法。

在手机应用中,存储本地数据是必不可少的功能,例如我们可以在手机中存储用户自定义设置、传递数据、缓存数据等。

下面我们详细介绍一下国内流行的手机应用开发框架AppCan的本地缓存方法localStorage:

1.获取本地缓存数据:

localStorage.getItem('data')   //获取名称为data的本地缓存数据


2.设置本地缓存数据:

localStorage.setItem('data', JSON.stringify(list));   //设置名称为data的本地缓存

JSON.stringify(list) //扩展一下,这个是将远程返回的json对象转换为字符串形式以方便存储
var ro = eval(data); //这个是将字符串转化为对象形式

3.删除本地缓存:

localStorage.removeItem("data");   //删除名称为data的本地缓存


4.清空本地缓存:

localStorage.clear();  //清空所以本地缓存

这里附上js方法

function setkeywordhistory(keywords) {
    if (window.localStorage) {
        if (typeof localStorage.searchkey !== "undefined") {
            var searchkey = (localStorage.searchkey !== "") ? JSON.parse(localStorage.searchkey) : [];
        } else {
            var searchkey = [];
        }
        var isadd = true;
        $.each(searchkey, function (k, v) {
            if (typeof v != "undefined" && v == keywords) {
                searchkey.splice(k, 1);
            }
        })
        searchkey.unshift(keywords);
        searchkey.splice(8);
        try {
            window.localStorage.setItem('searchkey', JSON.stringify(searchkey));
        } catch (e) {
        }
    }
}


站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。蜀ICP备12031064号