博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery和js之Cookie实现
阅读量:5024 次
发布时间:2019-06-12

本文共 1715 字,大约阅读时间需要 5 分钟。

Web开发者的朋友们基本上都知道,jQuery是对js的封装。今天之所以想讲解这个问题,主要是因为Cookie用的还是比较多,应用场景除了老生常谈的购物车,还有就是用户状态(以我之前开发的一个项目除了session和token外,还有一个加密cookie,双重保护,确保系统安全)。

一、js中的Cookie增加、获取、删除操作

1.添加Cookie(保存Cookie)

function setCookie(c_name,value,expiredays){    var cookieStr = "";    var exdate=new Date();    exdate.setDate(exdate.getDate()+expiredays);    document.cookie = c_name+ "=" +escape(value)+    ((expiredays==null) ? "" : "; expires="+exdate.toGMTString())+";path=/";}//由于cookie存在域的概念,且在这里要不区分域,获取cookie的值,所以在这里使用的是统一的路径 path=/ ;

2.获取Cookie

function getCookie(c_name){    if (document.cookie.length>0){         console.log(document.cookie);        c_start=document.cookie.indexOf(c_name + "=");        if (c_start!=-1){             c_start=c_start + c_name.length+1;             c_end=document.cookie.indexOf(";",c_start);            if (c_end==-1) c_end=document.cookie.length;            return unescape(document.cookie.substring(c_start,c_end));        }     }    return "";}

3.删除Cookie

function delete_cookie( name, path, domain ) {  if( get_cookie( name ) ) {    document.cookie = name + "=" +      ((path) ? ";path="+path:"")+      ((domain)?";domain="+domain:"") +      ";expires=Thu, 01 Jan 1970 00:00:01 GMT";  }}

二、jQuery如何操作Cookie

前提必须要有jQuery.min.js和jQuery.cookie.js。

jQuery.cookie.js下载:

1.jQuery添加Cookie

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

2.jQuery获取Cookie

$.cookie('the_cookie');

3.jQuery删除Cookie

$.cookie('the_cookie', null);

js和jQuery对比,两者效果明显,从中也能体现框架化繁为简的特性。

注意事项:

有的浏览器禁用Cookie会看不到Cookie信息,比如Google。上面的例子是没有问题的,如果你发现在你本地运行不出来,该导入的库也导入了还是没有效果,也不报错,这个时候你就需要看看是不是浏览器禁用Cookie了。

本文参考资料:

jQuery之操作Cookie:
js中Cookie操作:
关于js操作Cookie(包含Cookie相关的基础知识):

转载于:https://www.cnblogs.com/youcong/p/10544276.html

你可能感兴趣的文章
邮件中的样式问题
查看>>
AJAX 状态值与状态码详解
查看>>
php面向对象编程(oop)基础知识示例解释
查看>>
1.在数组中找到与给定总和的配对
查看>>
树的子结构
查看>>
关于根据Build Platform或者OS 加载x86或者x64 dll的问题
查看>>
程序员高效开发的几个技巧
查看>>
js-权威指南学习笔记19.2
查看>>
hexo 搭建博客
查看>>
关于 UIWebView 几个高级用法
查看>>
maven创建的项目中无法创建src/main/java 解决方案
查看>>
华为软件开发云测评报告二:代码检查
查看>>
集合1
查看>>
js 原生 ajax
查看>>
关键词 virtual
查看>>
建造者模式(屌丝专用)
查看>>
UVALive 4730 Kingdom +段树和支票托收
查看>>
[APIO2010]特别行动队
查看>>
[SCOI2016]幸运数字
查看>>
SpringBoot 集成ehcache
查看>>