您现在的位置是: 网站首页> 前端技术> jQuery jQuery
jquery.cookie.js 插件详细使用方法
Smile 2020-09-23 17:26:27 Javascript jQuery 阅读:2393
简介一般网站存储用户的登录信息,记住账号或者一些不敏感的用户信息都会用到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)