美文网首页
通过cookie实现一个简单的记住账号功能

通过cookie实现一个简单的记住账号功能

作者: 指尖轻敲 | 来源:发表于2018-07-13 21:59 被阅读25次

注意

不同浏览器获取到的cookie值,不相同,有的浏览器会获取一堆不是自己创建的cookie。所以处理时要小心。

示例代码

未登录过创建cookie

var account;
//判断如果没有key值为account的cookie,就增加一个cookie,有效期为五天
if(document.cookie.indexOf("account") < 0){
    var date = new Date();
    date.setDate(date.getDate() + 5); 
    document.cookie="account="+mobile+"; expires="+date.toUTCString();
}

判断是否有cookie,有就自动填充。

//获取cookie看是否登陆过
if(document.cookie.indexOf('account') >=  0){
    //注意浏览器不同,这里获取到的cookie可能会有差异。
    var cookie = document.cookie;
    
    //如果正好只获取自己创建的cookie。
    if(cookie.length == 19){
        account = cookie.split("=")[1];
    }
    //如果有多个cookie,要切割成数组再处理
    else{
        var cookieArr = cookie.split(";");
        for(var i = 0; i < cookieArr.length; i++){
            if(cookieArr[i].split("=")[0] == "account"){
                account = cookieArr[i].split("=")[1];
                break;
            }
        }
    }
}
//没有登录过,或者cookie已经过期就赋值为空
else{
    account = "";
}
$("#mobile").val(account);

推荐使用js-cookie包,操作起来更方便。

相关文章

  • 通过cookie实现一个简单的记住账号功能

    注意 不同浏览器获取到的cookie值,不相同,有的浏览器会获取一堆不是自己创建的cookie。所以处理时要小心。...

  • cookie、web storage

    cookie,通常用于记住用户登录信息,如:登录一个网站时记住密码的功能,就是通过cookie实现。cookie ...

  • SpringBoot+Shiro学习之“记住我”和“GIF验证码

    学习目标 如标题有如下两个功能实现: 记住我的功能:通过设置key为“rememberMe”的cookie保存在客...

  • vue项目实现记住密码到cookie功能(附源码)

    实现功能: 1.记住密码勾选,点登陆时,将账号和密码保存到cookie,下次登陆自动显示到表单内2.不勾选,点登陆...

  • vue Cookie 实现记住密码功能

    注: 文章摘自 nxmin - 简书 功能 1.记住密码勾选,点登陆时,将账号和密码保存到cookie,下次登陆自...

  • Cookie应用案例——记住用户名

      我们在网站上登陆的时候,一般都会有一个选择框,记住用户名,这个功能的实现方式就是使用cookie实现的。 完成...

  • 前端记住密码

    需求:前端实现记住密码功能 实现: 其实就是根据用户有没有选中记住密码,来判断要不要把用户账号和密码存在cooki...

  • localStorage记住账号密码

    1.需求 记住账号密码,下次登录时自动填写 2.分析 使用本地缓存记录数据,可以通过cookie或者loc...

  • Session

    在文章Cookie与登录注册中,我们已经实现了简单的注册和登录功能,并且登录后服务器会给客户端发送一个Cookie...

  • J2EE-----实现jsp运用Servlet Cookie达到

    可以先看看别的大佬写的了解下cookie,具体我也不知道怎么讲。。 然后自己写了个记住账号密码功能,附带查看coo...

网友评论

      本文标题:通过cookie实现一个简单的记住账号功能

      本文链接:https://www.haomeiwen.com/subject/gatajftx.html