亲密接触COOKIE（二）：JavaScript 应用篇

/**
 * @author 《JavaScript权威指南》蓝文雄解读整理
 * 本文档介绍JavaScript对cookie的操作
 * 关于基础知识，请参考我的博客http://vincent-lwx.blog.sohu.com/96751243.html或http://www.cnblogs.com/vincent-lwx/archive/2008/08/08/1263803.html
 * navigator.cookieEnabled判断浏览器的支持情况
 * document.cookie返回所有的cookie对象；
 * 使用document.cookie="cookieName="+???+";max-age="+(60*60*24*365);创建名字为cookieName的对象；
 * 使用encodeURIComponent(encodedURIString)和decodeURIComponent(encodedURIString)进行编码和解码；
 * 文档提供一个工具类，可根据具体cookie存储情况进行修改使用
 */
 

 
 /**
  * Cookie类
  * Cookie类的构造函数用来读取指定name的cookie
  * Cookie类的store方法用来存储数据，必须先创建对象，然后调用:
  *  var mycookie=new Cookie("lwx"); mycookie.store();
  *  Cookie类的remove方法删除对象（通过设置其生命周期），必须先创建对象，然后调用；
  *  Cookie类的enable方法用来判断浏览器对Cookie的支持情况；
  * */
 function Cookie(name){    
  this.$name=name;   //设置要查找Cookie对象的名字
  
  var allCookies=document.cookie;  //返回所有的cookie对象
  if(allCookies=="") return; //在所有cookie列表中如果没有cookie对象
  
  var cookies=allCookies.split(';');  //分离cookies对象,返回cookie对象数组
  var cookie=null;
  
  for(var i=0;i<cookies.length;i++)  //在数组中查询名字为name的cookie对象
  {
   if(cookies[i].substring(0,name.length+1)==(name + "=")){
    cookie=cookies[i];
    break;
   }
  }
  
  if(cookie==null) return;  //没找到指定的cookie对象
  
  var cookieval = cookie.substring(name.length+1);  //如果找到cookie对象，开始获取信息
  var a=cookieval.split('&');  //返回所有的信息对数组
  
  for(var i=0;i<a.length;i++)  //获取信息对的名字
  {
   a[i]=a[i].split(':');
  }
  
  for(var i=0;i<a.length;i++)  //获取信息对的值
  {
   this[a[i][0]]=decodeURIComponent(a[i][1]);  
  }

 }
 
 Cookie.prototype.store=function(daysToLive,path,domain,secure){ 
  
  var cookieval="";
  for(var prop in this)
  {
   if(prop.charAt(0)=='$'||(typeof this[prop])=='function')
    continue;
   if(cookieval!="")
    cookieval+='&';
    
   cookieval+=prop+':'+encodeURIComponent(this[prop]);
  }
  
  var cookie=this.$name+'='+cookieval;
  if(daysToLive||daysToLive==0){
   cookie +=";max-age="+(daysToLive*24*60*60);
  }
  
  if(path) cookie+=";path="+path;
  if(domain) cookie+=";domain"+doamin;
  if(secure) cookie+=";secure"+secure;
  
  document.cookie=cookie;
 }

 Cookie.prototype.remove=function(path,domian,secure){
  
  for(var prop in this)
  {
   if(prop.charAt(0)!='$'&&typeof this[prop]!='function')
    delete this[prop];
  }
  
  this.store(0,path,domain,secure);
 }
 
 Cookie.enbled=function(){    //判断浏览器对cookie的支持与否，返回Boolean值
  
  if(navigator.cookieEnabled!=undefined) return navigator.cookieEnabled; //支持，true    
 }

 

附录：一个C#和JavaScript操作Cookie实例

 

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

        HttpCookie aCookie = new HttpCookie("userInfo");
        aCookie.Value = "01";
        aCookie["username"] = "lwx";
        aCookie["lastVisit"] = DateTime.Now.ToString();
        aCookie.Expires = DateTime.Now.AddDays(1);
        Response.Cookies.Add(aCookie);

 

        HttpCookie aCookie1 = new HttpCookie("money");
        aCookie1.Value = "02";
        aCookie1["much"] = "5000$";
        aCookie1["lastVisit"] = DateTime.Now.ToString();
        aCookie1.Expires = DateTime.Now.AddDays(1);
        Response.Cookies.Add(aCookie1);
    }
}

 

 window.onload = function(){
 
        var allCookies=document.cookie;    //获取所有Cookie对象，以字符串形式返回
        var cookies=allCookies.split(';');  //分离Cookie对象，返回Cookie对象数组
        alert("Cookie："+allCookies);
        var cookie=null;
        alert("Cookie对象个数："+cookies.length);
        for(var i=0;i<cookies.length;i++)       //读取各个Cookie对象
        {
            cookie=cookies[i];
            alert("No "+(i+1)+" Cookie对象:"+cookie);
     
            var a=cookie.split('&');   //分离各个Cookie对象的键值对，返回键值对数组
     
            for(var j=0;j<a.length;j++)        //逐个显示Cookie对象的各个键值对
            {
                b=a[j];
                alert("No "+(i+1)+" Cookie对象—No "+(j+1)+"键对："+b);
            }
        }
}