专栏首页强仔仔JQuery之cookie增删改查操作

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 条评论
登录 后参与评论

相关文章

  • Java管理Cookie增删改查操作。

    Cookie属性 了解这几个属性之后,就知道如何进行Cookie的操作了。 name Cookie的名称。 value Cookie的值。 maxAge Coo...

    Java技术栈
  • MongoDB增删改查操作

    创建集合分为两步,一是对对集合设定规则,二是创建集合,创建mongoose.Schema构造函数的实例即可创建集合。

    梨涡浅笑
  • MongoDB增删改查操作

    创建集合分为两步,-是对对集合设定规则,二是创建集合,创建mongoose.Schema构造函数的实例即可创建集合。

    星辰_大海
  • Java 对 Cookie增删改查

    Cookie的有效路径,/ 表示这个路径即该工程下都可以访问该cookie 如果不设置路径,那么只有设置该cookie路径和其子路径可以访问。

    Kindear
  • java操作kudu 增删改查

    IT云清
  • Python+Xml +操作+增删改查

    由于小编的系统需要进程间通信,想通过对Xml文件操作,来进行信息交互,于是写了一组相关的类。 xml文件:

    py3study
  • JavaScript对Cookie的增删改查

    JavaScript是运行在客户端的脚本,Session是运行在服务器端的,而Cookie是运行在客户端的,所以可以用JS来设置Cookie,而不能操作Sess...

    Javanx
  • hbase常用操纵操作——增删改查

    互联网金融打杂
  • 基于MyBatis的增删改查操作

    2.2 创建数据库 -- 创建数据库,名称为 mybatis_study create database mybatis_study; -- 选中名称为 ...

    杨校

扫码关注云+社区

领取腾讯云代金券