sessionStorage.setItem("userInfo", JSON.stringify(userInfo)); 是
时间: 2024-06-04 09:08:58 浏览: 11
`sessionStorage.setItem("userInfo", JSON.stringify(userInfo));` 是将 `userInfo` 对象转换为 JSON 格式,然后存储到浏览器的 `sessionStorage` 中。`sessionStorage` 是 HTML5 中的一个 Web Storage API,用于在浏览器中存储数据,数据在浏览器关闭后会被清除。
`setItem()` 方法是 `sessionStorage` 对象的一个方法,用于设置指定键名的值。其中,第一个参数 `"userInfo"` 是键名,第二个参数 `JSON.stringify(userInfo)` 是键值,`JSON.stringify` 用于将对象转换为字符串。因此,执行以上代码后,`userInfo` 对象就被存储到了 `sessionStorage` 中。如果需要获取该对象,可以使用 `sessionStorage.getItem("userInfo")` 方法来获取,并使用 `JSON.parse()` 方法将字符串转换为对象。
需要注意的是,`sessionStorage` 的存储大小有限制,不同浏览器的限制大小也不同。因此,在存储数据时需要注意数据大小,以免超出限制。
相关问题
sessionStorage.setItem
sessionStorage.setItem 是一个用于在浏览器中存储数据的 JavaScript 方法。它允许你将数据保存在浏览器会话期间的 sessionStorage 对象中。
你可以使用 sessionStorage.setItem 方法来设置键值对。例如,你可以这样使用它:
```javascript
sessionStorage.setItem('key', 'value');
```
这将在 sessionStorage 中存储一个名为 'key' 的键,其对应的值为 'value'。
你还可以使用 sessionStorage.getItem 方法来获取存储在 sessionStorage 中的值。例如:
```javascript
var value = sessionStorage.getItem('key');
```
这将返回存储在 'key' 键中的值。
请注意,sessionStorage 中存储的数据仅在当前会话期间有效,并在用户关闭浏览器标签页或窗口后被清除。
sessionStorage.setItem存对象
sessionStorage.setItem() 方法只能用于存储字符串类型的数据,无法直接存储 JavaScript 对象。但是你可以使用 JSON.stringify() 方法将对象转换为字符串,然后再存储到 sessionStorage 中。例如:
```javascript
// 创建一个对象
var obj = { name: "Alice", age: 25 };
// 将对象转换为字符串
var objString = JSON.stringify(obj);
// 存储到 sessionStorage
sessionStorage.setItem("myObject", objString);
```
然后,你可以使用 sessionStorage.getItem() 方法获取存储的字符串,并使用 JSON.parse() 方法将其转换回对象:
```javascript
// 从 sessionStorage 获取存储的字符串
var storedObject = sessionStorage.getItem("myObject");
// 将字符串转换为对象
var parsedObject = JSON.parse(storedObject);
console.log(parsedObject.name); // 输出 "Alice"
console.log(parsedObject.age); // 输出 25
```
这样,你就可以通过将对象转换为字符串的方式,实现在 sessionStorage 中存储和读取对象了。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)