关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

让浏览器记住密码下次直接登陆

发布时间:2020-01-20 17:32:52

让浏览器记住密码实现下次直接登陆

前端:

<form enctype="multipart/form-data" id="frmLogin" method="post" action="/index.php/public/checkLogin" >
                <table class="login_table">
                    <tr>
                        <th>用户名</th>
                        <td><input name="MemberName" id="MemberName" type="text" class="form_text MemberName" placeholder="请输入用户名"/></td>
                    </tr>
                    <tr>
                        <th>密码</th>
                        <td><input class="form_text Password" id="Password" name="MemberPassword"  type="password" /></td>
                    </tr>
                    <tr>
                        <th>记住密码</th>
                        <td><input style="width:7%;" class="form_text" id="checkboxs" name="isPassword"  type="checkbox" /></td>
                    </tr>
                     <tr>
                        <td colspan="2" class="operation">
                             <input class="form_button btn btn-small logins" type="submit" name="submit8" value="登录" />
                           
                        </td>
                    </tr>
                </table>
            </form>
$(function(){ //提交
    $(".logins").click(()=>{
        myClick();
    })
})
// 数据请求  存储
function myClick() {
    var UserName = $("#MemberName").val();
    var Password = $("#Password").val();
    if(UserName==""||UserName==null){
        alert("用户名为空");
        return;
    }
    if(Password==""||Password==null){
        alert("密码为空");
        return;
    }
    $.ajax({
        url: "/index.php/public/checkLogin",
        type: 'POST',
        dataType: 'json',
        data: {
            MemberName: UserName,
            MemberPassword: Password,
        },
        success: function (data) {
            console.log(data.status)
            if(data.status == 0){//判断账号密码对否
                alert("账号或者密码错误!");
                $("#MemberName").val("");
                $("#Password").val("")
            }else{
                //把信息设置进去Cookie里面去
                var ck = $("#checkboxs").is(":checked");//获取是否选中
                    if(ck==true){//选中
                        $.cookie("MemberName",UserName.trim(),7);//有效时间7天,删掉即可为永久
                        $.cookie("MemberPassword",Password.trim(),7);
                    }else{//没选中
                        $.cookie("MemberPassword", "");
                        $.cookie("MemberName", "");
                        alert("没有记住密码")
                    }  
              window.location = "/index.php";
            }
            
        },
        error: function (error) {
            console.log(error);
        }
    });
}
 

后端:
  function getCookie(){ //获取cookie  
     var UserName = $.cookie("MemberName"); //获取cookie中的用户名    
     var Password = $.cookie("MemberPassword"); //获取cookie中的登陆密码
     console.log(Password);
     if(Password){
         $.ajax({
            url: "/index.php/public/checkLogin",
            type: 'POST',
            dataType: 'json',
            data: {
                MemberName: UserName,
                MemberPassword: Password,
            },
            success: function (data) {
                console.log(data)
              //window.location = "/index.php";
            },
            error: function (error) {
                console.log(error);
            }
    });  
     }else{
          console.log("没有")  
     }   
}
//调用获取函数即可。


/template/Home/Zkeys/PC/Static