本地存储三条数据,并保存到localstrage中,并且最新的存在数组第一条

$(function () {

        //读取数据并显示
        var userarry = JSON.parse(localStorage.getItem("user"));
        if (userarry != null) {
            /*$("#name").val(userarry[0].username);
            $("#password").val(userarry[0].password);*/
        }


        $("#loginbtn").click(function () {

            var name = $("#name").val();
            var password = $("#password").val();
            if (name.length > 40 || !name) {
                alert("名字不能为空")
            } else if (password.length > 40 || !password) {
                alert("密码不能为空");
            } else {
                localStorage.setItem("islogin", "true");

                /*****************存储3条用户信息**********************/
                //获取保存的对象数组
                var userarry = JSON.parse(localStorage.getItem("user"));
                //如果为空则创建数组
                if (userarry == null) {
                    userarry = Array();
                }
                //判断长度
                if (userarry.length > 2) {
                    userarry.length = 2;//截取数组长度
                }
                //保存对象
                var user = {
                    username: name,
                    password: password
                };
                //在数组顶部插入对象
                userarry.unshift(user);

                /* console.log(userarry[0].username);*/

                //保存
                localStorage.setItem("user", JSON.stringify(userarry));
                /********************存储3条用户信息****************************/
                
                var height = document.body.scrollHeight;//获取浏览器的高度
                $(".mengban").css("height",height);//动态设置蒙版高度
                $(".mengban").show();
                setTimeout(function(){
                    $(".mengban").hide();
                    window.location.href = "personinfo.html";
                    
                },1000);//定时1s隐藏
                
            }

        });

    });


你可能感兴趣的:(本地存储三条数据,并保存到localstrage中,并且最新的存在数组第一条)