javascript - 将多条记录添加到本地存储

标签 javascript json html

我想做的是使用 html5 将多个值(user1、user2、user3...)添加到本地存储中。但问题是,每当我添加一条记录时,旧记录就会被删除。这是我的代码,如果有人能帮忙的话:

         $("#submit").click(function(){
         if ('localStorage' in window && window['localStorage'] !== null) {
        try {
            var user = JSON.stringify({ 
                 email : $("#email").val(), 
                 username : $("#username").val(), 
                 password : $("#password").val(), 
                    });

            localStorage.setItem("user", JSON.stringify(user)); 
            alert("The data was saved."); 
            return true;
        } catch (e) {
            if (e == QUOTA_EXCEEDED_ERR) {
                alert('Quota exceeded!');
            }
        }
        } else {
            alert('Cannot store user preferences as your browser do not support local storage');
        }
    });

请问有人能帮忙吗???

最佳答案

您可以使用电子邮件来识别每条记录(电子邮件是唯一的):

var user = {
    email : $("#email").val(), 
    username : $("#username").val(), 
    password : $("#password").val()
}

var record = JSON.stringify(user);
localStorage.setItem(user.email, record); 

关于javascript - 将多条记录添加到本地存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24510054/

相关文章:

json - 通过 http GET 向服务器发送 JSON 对象

json - Newtonsoft 作为 jsonResult

html - 将TopBar填充到屏幕末尾

javascript - ng-show 具有多个语句奇怪的行为

javascript - axios 授权 header 仅适用于获取请求

javascript - Uncaught ReferenceError : $ is not defined in twig template with jQuery import

javascript - css 中的圆 Angular 菜单项,无需 CSS3!

javascript - setTimeout 到 addClass,然后检查元素是否有Class

ruby-on-rails - 使用 to_json 包含方法中的嵌套信息

javascript - 如何在 JavaScript 中将对象数组附加到卡片元素