用cookie记住用户名

时间:2024-03-28 17:04:02

有时候,我们在做登陆框时会有个复选框选择请记住我,或者有时候会遇到一些弹出框说下次不再提醒,此功能我们可以用js中的cookie实现此功能

下面记录一下如何实现该功能:

利用cookie记录用户名

1. 判断是否有勾选ischecked

2. 是否已经存cookie

3.写入cookie

例子:

$("#isClose").click(function () {  /////一个触发事件,看具体情况
                var chk = document.getElementById("isChecked").checked;///判断复选框是否已勾选

var uname = “用户名”;        //要记住的用户名
                var coo = getCookie(uname);
                if (coo == "true") {
                    alert("已经写入cookie");

/////这里可以写一些已经记住的用户名就不用重新登录了,或者不再弹出提醒框

}
                else {
                    if (chk == true) {
                        addCookie(uname, "true", "10000");
                        alert("写入成功");

/////
                    }

else {
                        addCookie(uname, "false", "10000");
                        alert("写入失败");
                    }

}
            });

例子中用到的两个方法:

function getCookie(objName) {//获取指定名称的cookie的值
    var arrStr = document.cookie.split("; ");
    for (var i = 0; i < arrStr.length; i++) {
        var temp = arrStr[i].split("=");
        if (temp[0] == objName)

return unescape(temp[1]);
    }
}

function addCookie(objName, objValue, objHours) {//添加cookie
    var str = objName + "=" + escape(objValue);
    if (objHours > 0) {//为0时不设定过期时间,浏览器关闭时cookie自动消失
        var date = new Date();
        var ms = objHours * 3600 * 1000;
        date.setTime(date.getTime() + ms);
        str += ";

expires=" + date.toGMTString();
    }
    document.cookie = str;
}