js中,我想让登录界面的用户信息用localstorage放到个人中心去,该怎么做,具体代码
时间: 2023-12-11 14:04:33 浏览: 118
首先,在登录成功后,将用户信息存储在 localStorage 中:
```javascript
localStorage.setItem('userInfo', JSON.stringify(userInfo));
```
其中,`userInfo` 是一个包含用户信息的对象。这里使用 `JSON.stringify` 方法将对象转换为字符串,因为 localStorage 只能存储字符串类型的数据。
然后,在个人中心页面中,可以通过以下代码获取 localStorage 中存储的用户信息:
```javascript
const userInfo = JSON.parse(localStorage.getItem('userInfo'));
```
其中,`JSON.parse` 方法用于将字符串转换为对象。如果 localStorage 中没有存储用户信息,`userInfo` 将会是 `null`。
最后,将用户信息渲染到个人中心页面中即可。
完整的代码示例:
```javascript
// 登录成功后将用户信息存储在 localStorage 中
localStorage.setItem('userInfo', JSON.stringify(userInfo));
// 在个人中心页面中获取用户信息并渲染到页面中
const userInfo = JSON.parse(localStorage.getItem('userInfo'));
if (userInfo) {
// 渲染用户信息到页面中
} else {
// 显示未登录状态
}
```
阅读全文