如何使用sessionStorage保存这个数据,给出示例代码
时间: 2023-07-26 17:10:06 浏览: 148
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
在JavaScript中使用`sessionStorage`保存数据非常简单,只需要使用`setItem()`方法将数据保存到`sessionStorage`中即可。示例代码如下:
```javascript
// 将数据保存到 sessionStorage 中
sessionStorage.setItem('data', JSON.stringify({name: '张三', age: 18}));
```
这里将一个包含姓名和年龄的对象保存到了`sessionStorage`中,使用了`JSON.stringify()`方法将对象转换为字符串。
如果要获取保存在`sessionStorage`中的数据,可以使用`getItem()`方法。示例代码如下:
```javascript
// 从 sessionStorage 中获取数据
let data = JSON.parse(sessionStorage.getItem('data'));
console.log(data.name); // 输出:张三
console.log(data.age); // 输出:18
```
这里使用了`JSON.parse()`方法将从`sessionStorage`中获取的字符串转换为对象,然后就可以访问对象中的属性了。
阅读全文