$.cookie是JQuery中cookie插件的一个用法,可以读取、写入、删除 cookie。

下载与引用

  1. 下载:jquery.cookie.js
  2. 引用:由于jquery.cookie.js依赖于jquery,所以要先引入jquery。
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

使用方法

  1. 获取cookie:

$.cookie(‘cookieName’); //如果存在则返回cookieValue,否则返回null。

  1. 创建cookie:

$.cookie(‘cookieName’,‘cookieValue’);

注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,所以被称为“会话cookie(session cookie)”。

  1. 创建一个持久并带有效路径和域名的cookie:

$.cookie(‘cookieName’,‘cookieValue’,{expires:7,path:’/’,domain: ‘duofen.com’,secure: false,raw:false});

  1. 删除cookie:

$.cookie(‘cookieName’,null);

注:如果想删除一个带有效路径的cookie:$.cookie(‘cookieName’,null,{path’/’});

参数解释

  1. expires:有效时间。
    当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止。expires:7表明有效时间为7天
  2. path:有效路径。
    如果不设置有效路径,在默认情况下,只能在cookie设置当前页面读取该cookie。
    若有效路径为“/”(项目根路径),该路径及路径下的子路径都能读取该cookie。
  3. domain: 创建cookie所在网页的域名。
  4. secure:表示传输cookie值时,是否需要一个安全协议。
    默认值是false,如果为true,cookie的传输协议需为https;
  5. raw:读取和写入时候自动进行编码和解码(使用encodeURIComponent编码,使用decodeURIComponent解码)。
    默认为false,设置为true表示关闭这个功能。
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐