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 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
jQuery回调方法使用示例
Jun 26 jQuery
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
JQuery绑定事件四种实现方法解析
Dec 02 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 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
PHP简单获取视频预览图的方法
2015/03/12 PHP
学习php设计模式 php实现工厂模式(factory)
2015/12/07 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
新闻内页-JS分页
2006/06/07 Javascript
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2009/12/02 Javascript
JavaScript 对象链式操作测试代码
2010/04/25 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
BootStrap中
2016/12/10 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
2019/11/26 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
Python调用C++程序的方法详解
2017/01/24 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
python manage.py runserver流程解析
2019/11/08 Python
解决django的template中如果无法引用MEDIA_URL问题
2020/04/07 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
2015年乡镇工作总结范文
2015/04/22 职场文书
买卖合同纠纷代理词
2015/05/25 职场文书
关于元旦的广播稿2016
2015/12/17 职场文书
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers
MySQL数据管理操作示例讲解
2022/12/24 MySQL