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表单验证之密码确认
May 22 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jQuery实现购物车全功能
Jan 11 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写杨辉三角实例代码
2011/07/17 PHP
PHP下使用CURL方式POST数据至API接口的代码
2013/02/14 PHP
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
php实现多维数组排序的方法示例
2017/03/23 PHP
js查错流程归纳
2012/05/04 Javascript
node.js中的http.response.getHeader方法使用说明
2014/12/14 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
vue中将html字符串转换成html后遇到的问题小结
2018/12/10 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
2019/09/20 Javascript
JS实现吸顶特效
2020/01/08 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
js实现带积分弹球小游戏
2020/07/21 Javascript
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
如何基于Python实现word文档重新排版
2020/09/29 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
在校生钳工实习自我鉴定
2013/09/19 职场文书
采购员岗位职责
2013/11/15 职场文书
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
小学生常见病防治方案
2014/06/06 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
2016春节慰问信范文
2015/03/25 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
如何用Navicat操作MySQL
2021/05/12 MySQL