网页实现数据离线永久保存localStorage、storage

网页实现数据永久保存localStorage、storage

这里介绍是二个常用简单的储存方法：localStorage、storage

localStorage

1. localStorage可以永久保存数据，没有过期限制只能手动清除。
2. localStorage的数据量一般不超过5M
3. localStorage数据以键值对的方式保存
4. localStorage数据不可跨域

使用方法

保存数据 setItem
保存数据有二个参数：第一个是数据的键，第二个就是数据的值。
（如果数据已存在则会覆盖原数据，也可作为修改）

window.localStorage.setItem("test","丘秋");

读取数据 getItem
读取数据的参数为数据的键

window.localStorage.getItem("test");
//返回结果：“丘秋”

删除数据 removeItem
删除数据的参数为数据的键

window.localStorage.removeItem("test");

删除全部数据

window.localStorage.clear();

storage

1. storage是常用于H5的存储如webapp等，可在手机内永久储存数据。
2. storage的数据量一般无大小限制
3. storage数据以键值对的方式保存
4. storage数据可跨域

使用方法

storage使用基本与localStorage一致

//保存
plus.storage.setItem("test","丘秋");
//读取
plus.storage.getItem("test");
//删除
plus.storage.removeItem("test");

总结：二种储存方式都是以键值对的方式进行存储的，使用起来非常简单。然而这种键值对的存储方式都是以字符串的形式进行保存的，如果要保存的数据较多过于复杂就还需要做一些类型的转换。

小秋AI-智能编程助手：www.xqai.net