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

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

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

  • 写回答

2条回答 默认 最新

  • Yonfly 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条)

报告相同问题?

悬赏问题

  • ¥50 我在一个购物网站的排队系统排队,这个排队到号后重新定向到目标网站进行购物,但是有技术牛通过技术方法直接跳过排队系统进入目标网址购物,有没有什么软件或者脚本可以用
  • ¥15 ios可以实现ymodem-1k协议 1024字节传输吗?
  • ¥300 寻抓云闪付tn组成网页付款链接
  • ¥15 请问Ubuntu要怎么安装chrome呀?
  • ¥15 视频编码 十六进制问题
  • ¥15 unity terrain打包后地形错位,跟建筑不在同一个位置,怎么办
  • ¥15 FileNotFoundError 解决方案
  • ¥15 uniapp实现如下图的图表功能
  • ¥15 u-subsection如何修改相邻两个节点样式
  • ¥30 vs2010开发 WFP(windows filtering platform)