发布于 5年前
Html5使用localStorage存储对象数据
Html5可使用localStorage存储数据,其方法为
storage.setItem(keyName, keyValue);
其中:
- keyName:键,字符串类型
- keyValue:值,字符串类型
如果需要存储对象数据,那么需要把对象数据使用 JSON.stringify
转换为字符串。
localStorage.setItem('key', JSON.stringify(objectValue)); //转换为string存储
var item= localStorage.getItem('key');
var objectData = JSON.parse(item); //转换为对象数据
改进一下,可以在Storage原型上setObject和getObject方法:
Storage.prototype.setObject = function(key, value) {
this.setItem(key, JSON.stringify(value));
}
Storage.prototype.getObject = function(key) {
var value = this.getItem(key);
return value && JSON.parse(value);
}