发布于 9个月前

Html5使用localStorage存储对象数据

Html5可使用localStorage存储数据,其方法为

storage.setItem(keyName, keyValue);

其中:

  • keyName:键,字符串类型
  • keyValue:值,字符串类型

关于setItem,可以参考:Storage.setItem()

如果需要存储对象数据,那么需要把对象数据使用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);
}
©2020 edoou.com   京ICP备16001874号-3