您现在的位置是： 网站首页> 前端技术> jQuery jQuery
jquery.cookie.js 插件详细使用方法
Smile
2020-09-23
Javascript
jQuery
阅读：1288
简介一般网站存储用户的登录信息，记住账号或者一些不敏感的用户信息都会用到cookie，使得用户在访问网站时不必每次都键入这些信息，下面介绍一个jQuery插件jquery.cookie.js 的详细使用方法
注：必须要部署到线上服务器或者本地服务器才能设置cookie。
1、下载 jquery.cookie.js 或者直接使用远程cdn加速地址 下载地址：http://plugins.jquery.com/cookie/
2、因为这是个jQuery插件，先引入jQuery，再引入jquery.cookie.js，这里我使用远程cdn加速地址
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>3、jquery.cookie.js使用说明
（1）添加一个新的 cookie 会话
$.cookie('movie', '星际穿越');当没有指明 cookie 有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止
（2）创建一个 cookie 会话并设置有效时间为3天
$.cookie('movie', '星际穿越', { expires: 3 });（3）创建一个 cookie 会话并设置 cookie的有效路径
$.cookie('movie', '星际穿越', { expires: 3, path: '/' });在默认情况下，只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie，必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录，可以让所有网页都能互相读取 cookie （一般不要这样设置，防止出现冲突）。关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置[如:http://www.xxx.com/movie/,path会被设置为 '/movie']
（4）读取 cookie
$.cookie('movie');//存在，返回'星际穿越'
$.cookie('book');//不存在，返回null（5）修改 cookie
$.cookie('movie', '盗梦空间', { expires: 3, path: '/' });（6）删除cookie
$.cookie('movie', null);//通过传递null作为cookie的值即可（7）cookie 其他参数说明
$.cookie('movie','盗梦空间',{
expires:3,
path:'/',
domain:'movie.com',
secure:true
});- expires：（Number|Date）有效期；设置一个整数时，单位是天；也可以设置一个日期对象作为Cookie的过期日期
- path：（String）指定该 Cookie 的页面路径
- domain：（String）指定该 Cookie 的页面域名
- secure：（Booblean）如果设为true，那么此Cookie的传输会要求一个安全协议，例如：https
- raw: （Booblean）默认值：false。 默认情况下，读取和写入cookie的时候自动进行编码和解码（使用encodeURIComponent编码，decodeURIComponent解码），要关闭这个功能设置raw: true即可
很赞哦！ (0)
