localStorage,sessionStorage保存json对象数据
时间: 2024-09-23 15:12:09 浏览: 38
`localStorage` 和 `sessionStorage` 是浏览器提供的两个本地存储机制,用于临时或持久地存储键值对数据。它们主要用于跨页面的数据共享,特别是那些不需要用户登录的信息。
- **localStorage**: 是永久性的存储,不会因为刷新页面或关闭浏览器而丢失数据,通常用于存储用户首选项、配置信息等。JSON对象可以转换成字符串形式(通过`JSON.stringify()`)存入,例如:
```javascript
let data = { key: 'value' };
localStorage.setItem('myData', JSON.stringify(data));
```
- **sessionStorage**: 会话级别的存储,在当前浏览器标签页会话期间有效,即关闭窗口后会被清除。它适用于短期存在且需要保持同步的用户状态,比如购物车内容:
```javascript
let cart = { item1: 'item1', item2: 'item2'};
sessionStorage.setItem('cart', JSON.stringify(cart));
```
访问存储的JSON对象时,先用`JSON.parse()`还原:
```javascript
let storedData = JSON.parse(localStorage.getItem('myData') || '{}');
```
阅读全文