Js/JQuery 操作Cookie介绍

最新推荐文章于 2024-03-14 07:30:00 发布

原创最新推荐文章于 2024-03-14 07:30:00 发布 · 604 阅读

0 ·

CC 4.0 BY-SA版权

JQuery 同时被 2 个专栏收录

9 篇文章

订阅专栏

Javascript

3 篇文章

订阅专栏

本文介绍了如何使用Js和JQuery操作Cookie。通过document.cookie获取Cookie，但需要处理返回的字符串来得到指定名称的值。JQuery操作Cookie则利用jquery.cookie.js插件，提供了简便的方法，如获取和设置Cookie，并支持设置过期时间、路径、域等选项。

一、Js操作Cookie

1.获取Cookie

Js获取cookie的方式：document.cookie ，但是获取到的结果是“password=123456; user=1111 ” ，如果想要获取到指定cookie名称的值，需要对这个字符串做些处理：

function getCookie(key){
	    var arr,reg=new RegExp("(^| )"+key+"=([^;]*)(;|$)");
	 
	    if(arr=document.cookie.match(reg))
	 
	        return unescape(arr[2]);
	    else
	        return null;
	}

2.设置Cookie：

date.getTime() 返回当前时间轴的毫秒数；expire 单位是秒，如果要删除cookie，就把expire设为o；

function setCookie(name,value,expire)
	{
	    var date = new Date();
	    date.setTime(date.getTime() + expire*1000);
	    document.cookie = name + "="+ escape (value) + ";expires="+date.toUTCString();
	}

二、JQuery 操作Cookie

Jquery 操作cookie需要用到一个jquery的cookie插件：jquery.cookie.js

其实就是对js操作cookie方法的封装。

使用方法：

获取Cookie：

$.cookie(key);

设置Cookie：

$.cookie(key,value,options);

PS:如果value为空，相当于删除cookie；options是以数组形式传递的，如：{expires:7,path:'/',domain:'chuhoo.com',secure:false,raw:false} ，expires单位是天