<center>cookie的----获取/删除 /设置/修改/及七天免登录实列</center>

快来打我* 2024-04-17 05:47 49阅读 0赞

### 1. 什么是cookie ###

HTTP协议本身是无状态的。什么是无状态呢，即服务器无法判断用户身份。Cookie实际上是一小段的文本信息（key-value格式）。客户端向服务器发起请求，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。  
打个比方，我们去银行办理储蓄业务，第一次给你办了张银行卡，里面存放了身份证、密码、手机等个人信息。当你下次再来这个银行时，银行机器能识别你的卡，从而能够直接办理业务。

### 2. cookie机制 ###

当用户第一次访问并登陆一个网站的时候，cookie的设置以及发送会经历以下4个步骤：

**客户端发送一个请求到服务器 --》 服务器发送一个HttpResponse响应到客户端，其中包含Set-Cookie的头部 --》 客户端保存cookie，之后向服务器发送请求时，HttpRequest请求中会包含一个Cookie的头部 --》服务器返回响应数据**

### 3.cookie的----获取/删除 /设置/修改 ###

// 设置cookie
    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=/";
    }
    
    // 获取cookie
    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;
    }
    
    // 删除cookie
    function deleteCookie(name) {
        setCookie(name,"",-1);
    }

### 4. cookie 七天免登录实列 ###

用户名：<input type = "text">
        密码：<input type = "password">
        <label><input type="checkbox">七天免登录</label>
        <input type="button" value="登录">
        <script>
            var aInput = document.getElementsByTagName('input');
    
            if(getCookie('username')){
                aInput[0].value = getCookie("username");
                aInput[1].value = getCookie("password")
            }
    
            aInput[3].onclick = function(){
                var username = aInput[0].value;
                var username = aInput[1].value;
                if(aInput[2].checked){
                    setCookie('username',username,7);
                    setCookie('password',password,7)
                    
                }
            }