登录页面Cookie的写法!

现象:

登录页面增加Cookie增强用户体验.在用户进行账号密码输入之后将账号密码写入Cookie中!

解决办法:

1:页面输入框:增加一个checkbox选择框是否记住密码!

这里写图片描述

2:在js页面增加填入Cookie

这里写图片描述

3:写入Cookie的get和set方法

这里写图片描述
这里写图片描述

4:使用Cookid

这里写图片描述

$(function(){
//填入cookie
var username=GetCookie("userName");
if(username!=null && username.trim()!=""){
    $("#username").val(username);
    var password=GetCookie(username);
    if(password!=null && password.trim()!=""){
        var length=password.length;
        $("#password").val(password);
    document.getElementById("remember1").checked=true;
    }else{
        $("password").focus();
    document.getElementById("remember1").checked=false;
    }
}else{
    $("#username").focus();
}
});  

function GetCookie(name){
var cookieValue = "";
var search = escape(name) + "=";
if(document.cookie.length > 0){  
offset = document.cookie.indexOf(search);
    if (offset != -1){  
        offset += search.length;
        end = document.cookie.indexOf(";", offset);
        if (end == -1)
            end = document.cookie.length;
      cookieValue = decodeURIComponent((document.cookie.substring(offset, end)))
    }
}
return cookieValue;

}

function SetCookie(name,value,hours,path,domain,secure{   
    var expire = "";
    var pathstr = "";
    var domainstr = "";
    var securestr = "";
    if(hours != null){
        expire = new Date((new Date()).getTime() + hours * 3600000);
        expire = "; expires=" + expire.toGMTString();
    }
    if(path != null)
       pathstr = "; path=" + path;
    if(domain != null)
       domainstr = "; domain=" + domain;
    if(secure != null)
       securestr = "; secure"
    var c = name + "=" + escape (value) +  expire + pathstr + domainstr + securestr;
    document.cookie = c;
} 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值