JQuery之cookie增删改查操作_jquery给cookie添加属性,及更新某个属性-CSDN博客

本文链接：https://blog.csdn.net/linzhiqiang0316/article/details/52032641

在Java Web开发中cookie一般有两种新建方法，一种是在Java中创建维护，另一种是在前端中创建和维护。

二者之间最大的区别就是：Java中的cookie是建立在服务器上面是，通过网络传输给客户端的，如果不能连接服务器就无法把cookie保存在客户端上面。而在前端中一般使用JQuery中cookie插件实现的，不需要连接服务器就可以在本地新建cookie，进行cookie的相关操作了。

下面对JQuery中cookie的用法进行详细的讲解：

在使用前要先引入jQuery的库文件，和 jquery.cookie.js 的库文件。需要注意的是：JQuery必须先行引入，而后才是cookie文件，反正则错误。

现在先看一个例子：

<html>
<head>
<meta charset="UTF-8">
<title>js中字符串处理</title>
</head>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">

	function newCookieFunc(){
		$.cookie('cookieId',"201211011",{expires:2,path: '/'});
		$.cookie('cookieName',"linzhiqiang",{expires:2,path: '/'});
		alert("新建cookie成功，值分别为：cookieId：201211011  cookieName：linzhiqiang");
	};
	function getCookieFunc(){
		var cookieId=$.cookie('cookieId');
		var cookieName=$.cookie('cookieName');
		alert("cookie的值分别为：cookieId："+cookieId+"  cookieName："+cookieName);
	};
	function deleteCookieFunc(){
		$.cookie('cookieId',null,{expires:-1,path: '/'});
		$.cookie('cookieName',null,{expires: -1,path: '/'});
		alert("删除cookie成功");
	};
</script>

<body>
	<input type="button" οnclick="newCookieFunc();" value="利用JQuery新建cookie信息"></br>
	<input type="button" οnclick="getCookieFunc();" value="利用JQuery读取cookie信息"></br>
	<input type="button" οnclick="deleteCookieFunc();" value="利用JQuery删除cookie信息"></br>
</body>
</html>

基本的用法就这些，关于cookie中的参数这里进行稍微的解释一下：

1).expires: 365
定义cookie的有效时间，值可以是一个数字（从创建cookie时算起，以天为单位）或一个Date 对象。如果省略，那么创建的cookie是会话cookie，将在用户退出浏览器时被删除。

2).path: '/'
默认情况：只有设置cookie的网页才能读取该cookie。定义cookie的有效路径。默认情况下，该参数的值为创建 cookie 的网页所在路径（标准浏览器的行为）。如果你想在整个网站中访问这个cookie需要这样设置有效路径：path: '/'。如果你想删除一个定义了有效路径的 cookie，你需要在调用函数时包含这个路径:$.cookie('the_cookie', null, { path: '/' });。 domain: 'example.com' 默认值：创建 cookie的网页所拥有的域名。

3).secure: true
默认值：false。如果为true，cookie的传输需要使用安全协议（HTTPS）。