码迷,mamicode.com
首页 > 其他好文 > 详细

用cookie记住用户名

时间:2015-03-19 23:33:22      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:

有时候,我们在做登陆框时会有个复选框选择请记住我,或者有时候会遇到一些弹出框说下次不再提醒,此功能我们可以用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;
}

用cookie记住用户名

标签:

原文地址:http://www.cnblogs.com/mopeilun/p/4351906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!