前端cookie的设置获取删除

/* 我们有过这样的经历，当我们登录一个网站时候，网站会提示我们需不需要记住账号和密码一般来说，当我们登录一个网站时，后台会返回一个token字符串作为用户的登录标识，而当用户下次登录时，不想再登录验证了怎么办？这个时候cookie就有作用了，我们将后台返回的token进行加密编码，存储到cookie上，这样当下次用户登录时候，客户端能直接查看cookie,把cookie解码后返回后台验证就行了*/cookie 在各浏览器的上限大约都在4k

cookie设置

 //语法 document.cookie = `${key}=${value};expires=${time};`//expires是设置过期时间// 先要获取一个时间格式为格林威治时间的时间(过期时间)let time = new Date('2020-09-26 00:00:00').toUTCString();document.cookie = 'searchHistory=路由器;expires=' + time + ';';document.cookie = 'name=华为;expires=' + time + ';';document.cookie = 'city=广州;expires=' + time + ';';document.cookie = 'area=天河;expires=' + time + ';';

cookie获取

 let cookies = document.cookie;console.log('cookies==>', cookies);//获取回来的cookie是一段长字符串//cookies==> age=18; height=170; searchHistory=路由器; name=华为; city=广州; area=天河

cookie删除

// 删除cookie 没有具体的删除方法，只能通过设置过期时间来删除let newDate = new Date('1970-01-01 00:00:00').toUTCString();document.cookie = 'searchHistory=;expires=' + newDate + ';';

封装的一个cookie类

    // 一个Cookie类，设置，获取，删除class Cookie {setOne({ key, value, time }) {// 设置单个cookiedocument.cookie = `${key}=${value};expires=${time};`}setAll(array) {/*[{key,value,time}]*/array.forEach(v => {this.setOne(v);})}// 获取所有cookiegetAll() {let cookies = document.cookie;//截取return this.formatCookies(cookies);}// 获取单个cookiegetOne(key) {return this.getAll()[key];}// 删除单个cookiesdelOne(key) {let time = new Data('1970-01-01 00:00:00').toUTCString()document.cookie = `${key}=;expires=${time};`}// 删除多个cookiesdelAll(array) {array.forEach(v => {this.delOne(v);})}// 格式化cookieformatCookies(str) {// 1.先根据分号分割let arr = str.split(/;\s*/);let target = {};arr.forEach(v => {// 2.根据等号分割let arr1 = v.split('=');target[arr1[0]] = arr1[1];})return target;}}

注意

在本地试验cookie时需要开启本地服务器使用vscode编辑器的可以安装 live server 插件

前端cookie的设置获取删除相关推荐

Cookie的设置获取和删除
关于Cookie操作的实验,包括设置,获取和删除. 设置Cookie name[必选] value[必选] expiredays[必选] setCookie getCookie 操作Cookie GE ...
js设置获取删除cookie
/* cookie 会有一个过期时间,如果不设置过期时间那么关闭页面就会消失,如果想要删除这个cookie的话就要设置一个过期时间,存储大小只有4kb左右设置无过期时间: document.cooki ...
cookie分号后面没有值_Cookie的属性（cookie的设置、获取和删除）
每个cookie都有四个可选的属性,他们分别控制cookie的生存周期.可见性.安全性等. Cookies最初设计时,是为了CGI编程.但是,我们也可以使用Javascript脚本来操纵cookies ...
PHP 设置与删除cookie
1.设置cookie PHP设置Cookie的最常用方法是setcookie函数,setcookie函数有7个可选参数,目前最常用的是前5个. name(Cookie名):可以通过$_COOKIR[ ...
cookie的设置（创建），获取与删除
cookie和session都是会话跟踪技术,cookie一般储存客户端,session储存在服务器端(但sessionId储存在客户端),session的实现依赖于cookie,cookie存储不安 ...
JS cookie的设置、获取和删除（非常详细）
在编程领域,Cookie 代表一种小型的文本文件,可以让开发人员在用户计算机上存储少量的数据(大约 4kb),来记录用户的某些信息,例如用户身份.喜好等,当用户下次访问网站时,网站可以通过检索这些信息 ...
cookie的获取、设置和删除
cookie是什么? cookie是存储于用户计算机中的变量. 当一个用户通过计算机中的浏览器,访问服务器上边的某个页面,JavaScript会创建或者读取cookie. cookie是documen ...
前端修改服务器cookie,前端中怎样设置cookie
这次给大家带来前端中怎样设置cookie,前端中设置cookie的注意事项有哪些,下面就是实战案例,一起来看一下. cookie是什么:是一种用来在客户端硬盘上存储信息的手段. 为什么用?:可以用来存 ...
封装的cookie存储、获取、删除方法
2019独角兽企业重金招聘Python工程师标准>>> 封装的cookie存储.获取.删除方法 1.设置cookie function setCookie(key, value, t ...

前端cookie的设置获取删除

前端cookie的设置获取删除

cookie设置

cookie获取

cookie删除

封装的一个cookie类

注意

前端cookie的设置获取删除相关推荐

最新文章

热门文章