window.sessionstorage.clear()
时间: 2023-04-27 15:03:33 浏览: 366
window.sessionstorage.clear()是JavaScript中的一个方法,用于清空浏览器中的sessionStorage对象。sessionStorage是一种在浏览器中存储数据的机制,它可以在同一浏览器窗口或标签页中的所有页面之间共享数据。使用window.sessionstorage.clear()方法可以清空所有已存储的数据,以便重新开始使用sessionStorage对象。
相关问题
window.sessionStorage.clear
`window.sessionStorage.clear` 是一个 JavaScript 方法,用于清空当前会话(session)中的所有 sessionStorage 键值对。
sessionStorage 是 Web Storage API 提供的一种机制,用于在浏览器端存储键值对数据。与 localStorage 不同,sessionStorage 仅在当前会话期间有效,不同的浏览器标签页或窗口之间的 sessionStorage 数据是不共享的。
解释这段代码methods: { //点击重置按钮,重置登录表单 resetLoginForm() { this.$refs.loginFormRef.resetFields(); }, login() { console.log(this.loginForm.username); console.log(this.loginForm.password); this.$refs.loginFormRef.validate(async (valid) => { if (!valid) return; const { data: res } = await this.$http.post("login", this.loginForm); console.log(res); if (res.code !== 200) { return this.$message.error("登录失败"); } this.$message.success("登录成功"); window.sessionStorage.clear(); //1.将登陆成功之后的token,保存到客户端的sessionStorage中 //1.1项目中除了登录之外的其他API接口,必须在登录之后才能访问 //1.2token只应在当前网站打开期间生效,所以将token保存在sessionStorage中 window.sessionStorage.setItem("token", res.data.token); window.sessionStorage.setItem("role", res.data.status); window.sessionStorage.setItem("username", this.loginForm.username); //2.通过编程式导航跳转到后台主页,路由地址是“/home" this.$router.push("/home"); }); }, },
这段代码是一个Vue组件的methods对象,定义了两个方法:resetLoginForm和login。resetLoginForm方法是用于重置登录表单的,它调用了loginFormRef组件的resetFields方法。login方法是用于提交登录表单的,它首先验证表单是否合法,然后通过$http对象发送一个POST请求到后台的"login"接口,并获取响应结果。如果响应结果的code值不为200,则显示登录失败的消息,否则显示登录成功的消息,并将token、用户角色和用户名保存到sessionStorage中,最后通过编程式导航跳转到后台主页。
阅读全文