jquery没有直接操作cookie的函数,但我们可以写一个cookie的操作函数,也可以下载一个jquery cookie插件,或者直接把jquery cookie函数拿来用,这些方法都是可行的,以下文章中介绍一些基本写法。

正常思路的普通写法。

1.创建Cookie

我们要进行的第一件事就是要创建一个Cookie。下面给出的SctCookie()函数将完成这一功能。

function SetCookie (name, value)  
{       
var argv=SetCookie.arguments;       
var argc=SetCookie.arguments.length;       
var expires=(argc>2)?argv[2]: null;       
var path=(argc>3)? argv[3]: null;       
var domain=(argc>4)? argv[4]: null;       
var secure=(argc>5)? argv[5]: false;       
document.cookie=name+"="+escape(value)+ ((expires==null)?"":";expires="+expires.toGMTString()))+ ((path==null)?"":(";path="+path))+  ((domain==null)?"":(";domain="+ domain))+ ((secure==true)?";secure":"");     
}     

SetCookie()只要求传递被设置的Cookie的名字和值,但如果必要的话你可以设置其他4 个参数而不必改变这个函数。可选的参数必须用正确的次序使用。如果不想设置某个参数, 必须设置一个空串。比如,如果我们创建的一个Cookie需要指定secure域,但不想设置expir es, patb或domain,就可以像这样调用SetCookie():

SetCookie("MyNewCookie","MyValue" ,"",","tyue);     

2.读取Cookie

下面给出的函数GetCookie()用来读取一个Cookie。当一个Cookie的请求被客户机收到时,该客户机查找它的cookies.txt文件以进行匹配。这个函数首先匹配这个Cookie的名字。如果有多个同名的Cookie,它再匹配路径。函数完成匹配后返回这个Cookie的值。如果客户机中没有这个Cookie,或者路径不匹配,该函数返回一个NULL。

function GetCookie(name)  
{       
var arg=name+ "=";       
var alen=arg.length;       
var clen=document.cookie.length;       
var i=0;       
while (i<clen) {         
var j=i+alen;         
if(document.cookie.substring(i,j) ==arg)         
return getCookieVal(j);         
i=document.cookie.indexOf("",i)+1;         
if(i==0)break;      }       
return null;    }  

直接把jQuery的cookie操作函数拿来用。

jQuery.cookie = function(name, value, options) {     
    if (typeof value != 'undefined') { // name and value given, set cookie       
        options = options || {};     
        if (value === null) {     
            value = '';     
            options.expires = -1;     
        }     
        var expires = '';     
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {     
            var date;     
            if (typeof options.expires == 'number') {     
                date = new Date();     
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));     
            } else {     
                date = options.expires;     
            }     
            expires = '; expires=' + date.toUTCString();     
        }     
        var path = options.path ? '; path=' + (options.path) : '';     
        var domain = options.domain ? '; domain=' + (options.domain) : '';     
        var secure = options.secure ? '; secure': '';     
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');     
    } else {     
        var cookieValue = null;     
        if (document.cookie && document.cookie != '') {     
            var cookies = document.cookie.split(';');     
            for (var i = 0; i < cookies.length; i++) {     
                var cookie = jQuery.trim(cookies[i]);     
                if (cookie.substring(0, name.length + 1) == (name + '=')) {     
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));     
                    break;     
                }     
            }     
        }     
        return cookieValue;     
    }     
};    

使用方法如下:

设置cookie的键值对

$.cookie(’name’, ‘value’);  

设置cookie的键值对,有效期,路径,域,安全

$.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});  

新建一个cookie 包括有效期 路径 域名等

读取cookie的值

var account= $.cookie(’name’);  

删除一个cookie

example $.cookie(’name’, null);  

本文为Anyforweb技术分享博客,需要了解网站建设及更多Web应用相关信息,请访问anyforweb.com。