使用JS和jQuery处理和保存Cookie

本文介绍了如何使用JavaScript和jQuery处理Cookie的基本操作,包括创建、读取和删除Cookie,并提供了具体的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用JS和jQuery处理和保存Cookie

Cookie是我们做开发过程中时常需要用到的技术,下面介绍使用Javascript和jQuery方式来处理和保存Cookie。

javascript

javascript处理cookie:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function setCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}
 
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
 
function deleteCookie(name) {
    setCookie(name,"",-1);
}
/*
  Changed function names from readCookie(), createCookie()
  and eraseCookie() to getCookie(), setCookie() and
  deleteCookie().
*/

以下代码将调用以上cookie处理方法:

1
2
3
4
5
6
7
8
// Create/write a cookie and store it for 1 day
setCookie('myCookie', 'myValue', 1);
 
// Get my cookie
getCookie('myCookie');
 
// Delete/erase my cookie
deleteCookie('myCookie');

jQuery

jQuery本身没有相关处理Cookie的方法,但是使用某些插件我们同样可以处理cookie,这里我们使用一个特别的jQuery插件:Cookie plugin

设置cookie:

1
2
3
4
5
6
7
$(document).ready(function(){  	
	// 设置一个网站cookie, 浏览器重启后会丢失 	
	$.cookie("website","GBin1.com");  	
	// 设置另外一个demo cookie 	
	$.cookie("demo",text,{expires: 7, path: '/', domain: 'www.gbin1.com'});  	
	// "text" 是cookie值
});

读取cookie:

1
2
3
4
5
$(document).ready(function(){  	
	// 取得 website cookie: 	
	var str = $.cookie("website");  	
	// str 现在等于 GBin1.com 
});

删除Cookie:

1
2
3
4
5
$(document).ready(function(){  	
	// 删除cookie
	var str = $.cookie("website",null);  	
	// No more kittens 
});

使用增加版本,你可以同时处理多个cookie,如下:

1
2
// 设置多个cookies
$.cookie({ 'cookie1':'value1', 'cookie2':'value2' });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值