您现在的位置是: 网站首页> 前端技术> jQuery jQuery

jquery.cookie.js 插件详细使用方法

Smile 2020-09-23 Javascript jQuery 阅读:169

简介一般网站存储用户的登录信息,记住账号或者一些不敏感的用户信息都会用到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)

文章评论

站点信息