session和cookie的用法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="JS/jquery-3.3.1.js"></script>
    <script type="text/javascript">
        //cookie存取值方法
        //function Btn1() {
        //    console.log("1");
        //    var name = $("#Name").val();
        //    var Password = $("#Password").val();
        //    sessionStorage.setItem("K_userName", name)
        //    sessionStorage.setItem("K_Password", Password)
        //清除所有数据
        //sessionStorage.clear();
        //    alert("存储成功")
        //}
        //function Btn2() {
        //    var name = sessionStorage.getItem("K_userName")
        //    var Password = sessionStorage.getItem("K_Password")
        //    $("#Name").val(name);
        //    $("#Password").val(Password);
        //    alert("还原成功")
        //}
        //session存取值方法
        function Btn1() {
            var name = $("#Name").val();
            var Password = $("#Password").val();
            localStorage.setItem("K_userName", name)
            localStorage.setItem("K_Password", Password)
            //清除所有数据
            localStorage.clear();
            alert("存储成功")
        }
        function Btn2() {
            var name = localStorage.getItem("K_userName")
            var Password = localStorage.getItem("K_Password")
            $("#Name").val(name);
            $("#Password").val(Password);
            alert("还原成功")
        }
    </script>
</head>
<body>
    <input type="text" id="Name" />
    <input type="password" id="Password" />
    <input type="button" id="BTN1" value="按钮1" onclick="Btn1()" />
    <input type="button" id="BTN2" value="按钮2" onclick="Btn2()" />

</body>

</html>
session和cookie的用法

猜你喜欢
