其他分享
首页 > 其他分享> > 关于cookie的使用

关于cookie的使用

作者:互联网

cookie是什么?

cookie是前端的本地存储,数据存储到浏览器中。

cookie只能存储4KB左右的数据,当发送网络请求时,浏览器中的cookie同时发送至后台。

没有设置过期时间的,浏览器彻底退出cookie也会清除;
需要设置过期时间的,在过期时间内,永久保存到浏览器中。

创建一条cookie

    document.cookie = "name=xxxx";
    document.cookie = "age=8";

修改某条cookie

document.cookie = "name=zzzzzzz"

设置过期时间

过期时间必须一条一条设置。

var newDate = new Date();
newDate.setDate(newDate.getDate() + 100);

document.cookie = "name=志志;expires=" + newDate.toUTCString();
document.cookie = "age=8;expires=" + newDate.toUTCString();

删除某条cookie

设置的cookie过期时间应早于当前时间。

var nowDate = new Date();
nowDate.setDate(nowDate.getDate() -1);
document.cookie = "name=志志;expires=" + nowDate.toUTCString();

取出浏览器的cookie

console.log(document.cookie);

将cookie变成json

document.cookie = "name=柳仁志";
document.cookie = "age=8";

方法一

function getCookieObj() {
    var theCookie = document.cookie;
    var cookieArr = theCookie.split(";");
    var cookieObj = {};

    cookieArr.forEach(function (item) {
        var tempArr = item.split("=");
        var theKey = tempArr[0].trim();
        var theValue = tempArr[1].trim();
        cookieObj[theKey] = theValue;
    });
    return cookieObj;
}

方法二

function getCookie() {
   
    let cookieArr = document.cookie.split("; ");
    let cookieDeilArr = [];
    for (let i = 0; i < cookieArr.length; i++) {
        cookieDeilArr.push(cookieArr[i].split("="))
    }
    console.log(Object.fromEntries(cookieDeilArr));
}

标签:name,cookie,关于,使用,var,newDate,document,cookieArr
来源: https://www.cnblogs.com/lzb1234/p/11295596.html