封装cookie存储 localStorage存储

最新推荐文章于 2024-05-28 14:12:23 发布

原创最新推荐文章于 2024-05-28 14:12:23 发布 · 154 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#封装cookie存储

vue项目专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript管理本地存储和Cookie的方法，包括设置、获取和清除用户信息的功能。通过localStorage和document.cookie进行操作，实现数据的持久化存储。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const KEY = 'user_info'

export default {
  setUser(user){
    window.localStorage.setItem(KEY,JSON.stringify(user))
  },
  getUser(){
    return JSON.parse(window.localStorage.getItem(KEY) || '{}')
  },
  clearUser(){
    window.localStorage.removeItem(KEY)
  },
  setCookie(cname, cvalue, exdays) {  
    var d = new Date();  
    d.setTime(d.getTime() + (exdays*24*60*60*1000));  
    var expires = "expires="+d.toUTCString();  
    document.cookie = cname + "=" + cvalue + "; " + expires;  
  }, 
  getCookie(cname) {  
    var name = cname + "=";  
    var ca = document.cookie.split(';');  
    for(var i=0; i<ca.length; i++) {  
        var c = ca[i];  
        while (c.charAt(0)==' ') c = c.substring(1);  
        if (c.indexOf(name) != -1) return c.substring(name.length, c.length);  
    }  
    return "";  
  },
  clearCookie(name){
    this.setCookie(name, "", -1)
  }

}