1）封装 cookie 增加方法

 path=path||WPath; 语法  如果path 为真 || 后面不执行

function addCookie(key,value,day,path,dom)
    {

      var doPath = document.location.pathname;
      var index = doPath.lastIndexOf("/");
      var WPath  = doPath.slice(0,index);

       path=path||WPath;

       dom = dom||document.domain;
        if(!day)
        {
            document.cookie=key+"="+value+";path="+path+";domain="+dom+";";
        }else
        {
          var date = new Date();
          date.setDate(date.getDate() + day);
          document.cookie=key+"="+value+";expires="+date.toGMTString()+";path="+path+";domain="+dom+";";
         }
        // document.cookie="age=10;expires="+date.toGMTString()+";";
    }

2）封装 cookie GET方法

 

function getCookie(key)
        {
            var cookieList= document.cookie.split(";");
        for (let index = 0; index < cookieList.length; index++) {
                
                var ct= cookieList[index].split("=");
                if(ct[0].trim()==key)
                {
                    return ct[1];
                }
                
        }
        
        }

3）封装 cookie 删除方法

删除的时候 要注意 path 如果从默认被改变了 需要传入改变后的地址

如果是默认 直接传入key就可以

function delCookie(key,path)
        {
            addCookie(key,getCookie(key),-1,path);
        }

        delCookie('content','/');
        }

4）将自己写的cookie操作方法 封装到Jq中

新建一个叫jquery_cookie.js 的js文件

(function($,window){
  $.extend({
    addCookie: function (key,value,day,path,dom)
    {

      var doPath = document.location.pathname;
      var index = doPath.lastIndexOf("/");
      var WPath  = doPath.slice(0,index);

       path=path||WPath;

       dom = dom||document.domain;
        if(!day)
        {
            document.cookie=key+"="+value+";path="+path+";domain="+dom+";";
        }else
        {
          var date = new Date();
          date.setDate(date.getDate() + day);
          document.cookie=key+"="+value+";expires="+date.toGMTString()+";path="+path+";domain="+dom+";";
         }
        // document.cookie="age=10;expires="+date.toGMTString()+";";
    },
    getCookie: function (key)
    {
        var cookieList= document.cookie.split(";");
    for (let index = 0; index < cookieList.length; index++) {
            
            var ct= cookieList[index].split("=");
            if(ct[0].trim()==key)
            {
                return ct[1];
            }
            
    }
    
    },
    delCookie:function (key,path)
    {
        $.addCookie(key,$.getCookie(key),-1,path);
    }

  })
    
})(jQuery,window)

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
   
    <title>Document</title>
    <script src='/Ajax/JS/jquery-1.4.1.js'></script>
    <script src='/Ajax/JS/jquery_cookie.js'></script>
    <script>
 $(function(){
     $('#but1').click(function()
     {
        // alert($("input").val()) ;
        $.addCookie('input',$("input").val());
     });
    $('#but2').click(function()
    {
        alert($.getCookie('input'));
    });
    $('#but3').click(function()
    {
        $.delCookie('input');
    })

 } );
    </script>
</head>
<body>
    <input type="text">
    <button id='but1'>设置Cookie</button>
    <button id='but2'>获得Cookie</button>
    <button id='but3' >删除Cookie</button>
</body>
</html>

 

Cookie完事 

但是Cookie 只能记录本地的值

大家有没有在日常生活中   比如淘宝 你点进去 搜索女装

把第三页的网址 从地址栏拷贝 后 直接发给别人 别人点击后也会到第三页  这个Cookie就没办法做到 因为Cookie是本地

Ajax（Cookie封装 实现增改）_封装

那么用什么那？ 我下一篇 Hash的介绍  比较简单

Ajax（Cookie封装 实现增改）_Ajax_02