jQuery操作cookie的示例代码


Posted in jQuery onJune 05, 2019

Cookies

定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;

下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

1.添加一个"会话cookie"

$.cookie('the_cookie', 'the_value');

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

2.创建一个cookie并设置有效时间为 7天

$.cookie('the_cookie', 'the_value', { expires: 7 });

这里指明了cookie有效时间,所创建的cookie被称为“持久 cookie (persistent cookie)”。注意单位是:天;

3.创建一个cookie并设置 cookie的有效路径

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突)。

4.读取cookie

$.cookie('the_cookie');

5.删除cookie

$.cookie('the_cookie', null);  //通过传递null作为cookie的值即可

6.可选参数

$.cookie('the_cookie','the_value',{

  expires:7, 

  path:'/',

  domain:'jquery.com',

  secure:true

}) 

7.参数

expires:(Number|Date)有效期;设置一个整数时,单位是天;也可以设置一个日期对象作为Cookie的过期日期;

path:(String)创建该Cookie的页面路径;

domain:(String)创建该Cookie的页面域名;

secure:(Booblean)如果设为true,那么此Cookie的传输会要求一个安全协议,例如:HTTPS;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
jQuery实现滚动效果
Nov 17 jQuery
jQuery实现checkbox的简单操作
Nov 18 jQuery
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jQuery实现简单三级联动效果
Sep 05 jQuery
jquery实现简易验证插件封装
Sep 13 jQuery
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 #jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 #jQuery
一文快速了解JQuery中的AJAX
May 31 #jQuery
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 #jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 #jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 #jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 #jQuery
You might like
php中常用编辑器推荐
2007/01/02 PHP
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
php实现在多维数组中查找特定value的方法
2015/07/29 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
2014/11/23 Javascript
JS实现具备延时功能的滑动门菜单效果
2015/09/17 Javascript
Vue.js Ajax动态参数与列表显示实现方法
2016/10/20 Javascript
文件上传,iframe跨域数据提交的实现
2016/11/18 Javascript
原生js实现手风琴功能(支持横纵向调用)
2017/01/13 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
2017/05/21 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
利用vscode调试编译后的js代码详解
2018/05/14 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
Ant Design的可编辑Tree的实现操作
2020/10/31 Javascript
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
python实现简单的单变量线性回归方法
2018/11/08 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
Python实例方法、类方法、静态方法区别详解
2020/09/05 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
机械设计毕业生自荐信
2014/02/02 职场文书
计划生育标语
2014/06/23 职场文书
扬州个园导游词
2015/02/06 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
导游词之天下银坑景区
2019/11/21 职场文书
Spring Boot 整合 Apache Dubbo的示例代码
2021/07/04 Java/Android
Java 超详细讲解IO操作字节流与字符流
2022/03/25 Java/Android
JS前端监控采集用户行为的N种姿势
2022/07/23 Javascript