m0_37778468 2019-06-27 15:38 采纳率: 28.6%
浏览 771
已采纳

html 怎么实现自动登陆,求示例代码 springboot框架

html 怎么实现自动登陆,求示例代码 springboot框架

  • 写回答

2条回答 默认 最新

  • Eterno·Y 2019-06-27 18:09
    关注
                                //接收其他页面传来的值,判断是否自动登录
                var _unlogin = getQueryString("unlogin");
                                 var  _usernumber = localStorage.getItem('_usernumber');
                                  var _password=localStorage.getItem('_Password');
    
                /*自动登录*localStorage.getItem('_ourlogin')   1 自动登录 */
                if(localStorage.getItem('_ourlogin')) {   //存在將本地localStorage 值 显示在输入框中   
                                         //将选择保存账户密码的复选框更改为选中   
                    $("#password").val(_password);       
                                          //1不自动登录,要自动登录句别传值
                    if(_unlogin != 1) {
                                                  //如果有缓存,我觉得直接跳转也没关系,看个人
                        if(localStorage.getItem('_userid')) {
                            window.location.href = "main.html";
                        } else {
                            F_login();  
                        }
                    } 
                }
                _unlogin = 1;
                //点击登录
                $("#login").click(function() {
                    var info = document.getElementById("info");
                    _usernumber = $("#usernumber").val().trim();
                    _password = $("#password").val().trim();
                    if(_usernumber == '') {
                        info.innerText = '用户名不能为空!';
                        return;
                    }
                    if(_password == '') {
                        info.innerText = '密码不能为空!';
                        return;
                    }
                    F_login();
                });
                //登录验证
            function F_login() {
                $.ajax({
                    type: "get",
                    url:"",
                    data: {
                        'userNumber': _usernumber,
                        'password': _password
                    },
                    success: function(data) {
                            //当用户登录时 成功时 将账户名和密码 记录到localStorage中
                            //判断是否选择记住密码
                            if($("#autoLogin").hasClass('active')) {
                                localStorage.setItem('_ourlogin', 1);
                            } else {
                                //否则删除记录值
                                localStorage.removeItem('_ourlogin');         
                            }
                            //我是管他记不记,我都强心记住他了,自己适当调整
                            localStorage.setItem('_usernumber', _usernumber);         
                            localStorage.setItem('_Password', _password);
                            window.location.href = "main.html";
                        }
                    },
                    error: function(ex) {
                        $("#d_load").hide();
                        $("#back").removeClass("mui-backdrop");
                        info.innerText = '系统异常,请稍后重试!';
                    }
                });
            }      
                        //获取url参数值
    

    function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if(r != null) return unescape(r[2]);
    return null;
    }

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3