jquery设置cookie、删除cookie、获取cookie的方法

1. 需要先引入两个js

分别是jQuery.js 和 jquery.cookie.js,这里大家可以直接到bootcdn搜索引入即可。

jQuery.js

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

jquery.cookie.js

<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

2. 设置cookie

$.cookie("key","value");

如: $.cookie("mybj123.com","前端博客"); ,设置了一个值为”前端博客的cookie”,cookie的名字是mybj123.com。

3. 给cookie设置时长

$.cookie("key","value",{expires: 7});设置为7天

4. 设置cookie的域名

在不同网页中是不能访问同一个cookie的,所以可以设置cookie的域名,让cookie在这个域名下都能访问。

$.cookie("key","value",{domain:"icyakuya.website"})

5.设置cookie的路径

可以结合域名一起使用,在本地文件运行也能使用。

$.cookie("key","value",{domain:"icyakuya",path:"xxx/"}

path可以用过window.location.pathname获取,这个获取到的是全路径包括文件名

所以需要做个截取:

function getPath() {
    var path = window.location.pathname; //获取的是文件路径全名包括路径
    var pos = path.lastIndexOf("/"); //去除文件名
    path = path.substring(0, pos);

    return path;
}

6. 删除cookie

$.removeCookie("key",{path:"/"});// 删除该路径下所有名为key的cookie

$.removeCookie("key",null,{path:"/"});// 将key的值设置为空,实际上相当于删除

7.获取cookie

$.cookie("name");

注意:

cookie的域名和路径都很重要,如果没有设置成一致,则会有不同域名下或者不同路径下的同名cookie,为了避免这种情况,建议在设置cookie和删除cookie的时候,配置路径和域名。

本地直接打开网页文件是获取不了cookie的,因为网页安全策略(类似于ajax访问数据跨域问题)。

像以下这种方式打开是无法读取到cookie的。

这种方式打开是无法读取到cookie的

如果想要在网页文件中读取cookie,得从服务器打开此网页。

如何搭建一个简单的本地服务器呢?推荐大家看看这篇文章:

vscode使用live-server搭建一个简单的本地服务器

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » jquery设置cookie、删除cookie、获取cookie的方法

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们