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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
Apr 20 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
基于jquery实现左右上下移动效果
May 02 jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
Nov 09 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网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
php修改指定文件后缀的方法
2014/09/11 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
用jscript实现新建word文档
2007/06/15 Javascript
在多个页面使用同一个HTML片段《续》
2011/03/04 Javascript
event.currentTarget与event.target的区别介绍
2012/12/31 Javascript
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
jQuery获得子元素个数的方法
2015/04/14 Javascript
js实现仿爱微网两级导航菜单效果代码
2015/08/31 Javascript
JavaScript 控制字体大小设置的方法
2016/11/23 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
2018/03/20 jQuery
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
Vue源码学习之关于对Array的数据侦听实现
2019/04/23 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
2020/09/11 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
Python异常学习笔记
2015/02/03 Python
python-pyinstaller、打包后获取路径的实例
2019/06/10 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
为什么需要版本控制?
2013/08/08 面试题
技术人员面试提纲
2013/11/28 职场文书
教师考察材料范文
2014/06/03 职场文书
大学生助学金感谢信
2015/01/21 职场文书
python flask框架快速入门
2021/05/14 Python
Python 读写 Matlab Mat 格式数据的操作
2021/05/19 Python
Redis特殊数据类型bitmap位图
2022/06/01 Redis
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL