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

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本地服务器打开文件，解决跨域问题