JQuery之cookie增删改查操作

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

二者之间最大的区别就是:Java中的cookie是建立在服务器上面是,通过网络传输给客户端的,如果不能连接服务器就无法把cookie保存在客户端上面。而在前端中一般使用JQuerycookie插件实现的,不需要连接服务器就可以在本地新建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" onclick="newCookieFunc();" value="利用JQuery新建cookie信息"></br>
	<input type="button" onclick="getCookieFunc();" value="利用JQuery读取cookie信息"></br>
	<input type="button" onclick="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)。 

4).raw: true 

默认值:false。 默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码, decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

运行截图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏转载gongluck的CSDN博客

cocos2dx 打灰机

#include "GamePlane.h" #include "PlaneSprite.h" #include "BulletNode.h" #include...

7396
来自专栏我和未来有约会

Kit 3D 更新

Kit3D is a 3D graphics engine written for Microsoft Silverlight. Kit3D was inita...

2946
来自专栏张善友的专栏

Mix 10 上的asp.net mvc 2的相关Session

Beyond File | New Company: From Cheesy Sample to Social Platform Scott Hansel...

2787
来自专栏我和未来有约会

Silverlight第三方控件专题

这里我收集整理了目前网上silverlight第三方控件的专题,若果有所遗漏请告知我一下。 名称 简介 截图 telerik 商 RadC...

4425
来自专栏一个爱瞎折腾的程序猿

sqlserver使用存储过程跟踪SQL

USE [master] GO /****** Object: StoredProcedure [dbo].[sp_perfworkload_trace_s...

3030
来自专栏java 成神之路

使用 NIO 实现 echo 服务器

5667
来自专栏魂祭心

原 canvas绘制clock

5184
来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.5K7
来自专栏闻道于事

js登录滑动验证,不滑动无法登陆

js的判断这里是根据滑块的位置进行判断,应该是用一个flag判断 <%@ page language="java" contentType="text/html...

8908
来自专栏一个会写诗的程序员的博客

Spring Reactor 项目核心库Reactor Core

Non-Blocking Reactive Streams Foundation for the JVM both implementing a Reactiv...

2872

扫码关注云+社区