jquery设置cookie、删除cookie、获取cookie

来源:csdn博客 分类: 文章浏览史 发布时间:2021-08-06 20:22:59 最后更新:2021-08-06 浏览:170
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2021-08-06 20:22:59

1.引入两个js 去bootcdn搜索就行。

jquery.js

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

jquery cookie

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

2.设置cookie

$.cookie(“key”,“value”);

如: $.cookie(“love”,“唱跳rap篮球”); //设置了一个值为”唱跳rap篮球的cookie,cookie的名字是love

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,得从服务器打开此网页。
以下文章教你如何搭建一个简单的本地服务器:
vscode 两种方式使用live-server本地服务器打开文件,解决跨域问题

php技术微信