首页 > web前端 > js教程 > 如何使用 js-cookie 设置、取消设置和管理 Cookie?

如何使用 js-cookie 设置、取消设置和管理 Cookie?

Linda Hamilton
发布: 2024-12-18 16:02:11
原创
497 人浏览过

How Can I Set, Unset, and Manage Cookies with js-cookie?

使用 jQuery 设置和取消设置 Cookie

要使用 jQuery 操作 Cookie,推荐的方法不再使用 jQuery Cookie 插件。相反,建议使用独立的 js-cookie 库,可从 https://github.com/js-cookie/js-cookie 获取。

设置 Cookie

使用 js-cookie 设置 cookie:

Cookies.set('name', 'value');
登录后复制

例如,设置一个名为“test”的 cookie 并指定一个值共 1 个:

Cookies.set('test', 1);
登录后复制

取消设置 Cookie

要使用 js-cookie 删除 Cookie:

Cookies.remove('name');
登录后复制

使用前面的示例,删除“测试” cookie:

Cookies.remove('test');
登录后复制

设置自定义选项

要设置 cookie 的自定义选项,例如过期时间或域,请传递一个对象作为第三个参数:

Cookies.set('test', 1, {
  expires: 10, // Expires in 10 days
  path: '/', // The path attribute of the cookie
  domain: 'jquery.com', // The domain attribute of the cookie
  secure: true // The secure attribute of the cookie
});
登录后复制

阅读 Cookie值

检索 cookie 的值:

var cookieValue = Cookies.get('name');
登录后复制

例如,检索“测试”cookie 的值:

var testValue = Cookies.get('test');
登录后复制

以上是如何使用 js-cookie 设置、取消设置和管理 Cookie?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板