H5如何存储登录密码和记录登录账号异步请求数据

最新推荐文章于 2024-04-26 09:00:31 发布

MRchen009

最新推荐文章于 2024-04-26 09:00:31 发布

阅读量751

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/mrchen009/article/details/102879560

版权

Java 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<title>Signin Template for Bootstrap</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<script src="js/bootstrap.min.js" type="text/html"></script>
<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="js/common.js"></script>

<script>
    $(function () {

        var user = document.getElementById("inputEmail");
        var psd = document.getElementById("inputPassword");
        var lock = document.getElementById("lock");
        var  localUser = localStorage.getItem('user')||'';  //获取值
        var  localpwd = localStorage.getItem('psd')||'';
        user.value=localUser;
        psd.value=localpwd;
        if (localUser!==""&&localpwd!==''){
            lock.setAttribute('checked','');
        }
        $("#login").click(function () {
            if (lock.checked){
                localStorage.setItem('user', user.value);
                localStorage.setItem('psd', psd.value);

            } else {
                localStorage.setItem('user','');
                localStorage.setItem('psd', '');
            }
            //异步请求数据
            $.ajax({
                type:"POST",
                url:"loginServlet",
                data:$("#form").serialize()      // 将表单中的所有数据序列化进去
            });

        });

    });

</script>

<!-- Custom styles for this template -->
<link href="css/login.css" rel="stylesheet">

<form class="form-signin" id="form" action="/loginServlet" method="POST">
    <div class="text-center">
        <h2 class="form-signin-heading">登录页面</h2>
    </div>
    <label for="inputEmail" class="sr-only">用户名</label>
    <input type="text" id="inputEmail" name="username" class="form-control" placeholder="用户名" required autofocus>
    <label for="inputPassword"  class="sr-only">密码</label>
    <input type="password" id="inputPassword" name="password" class="form-control" placeholder="密码" required>
    <div class="checkbox">
        <label>
            <input type="checkbox" id="lock" name="lockLogin" value="remember-me"> 记住账号密码
        </label>
    </div>
    <button id="login" class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
</form>