Question

所以基本上我有一个注册表单，每次用户注册时，我将他们的数据存储在HTML本地存储中，但我希望数据看起来像这样：用户| [{＆＃34;用户名＆＃34;：＆＃34;马克西姆利＆＃34;＆＃34;密码＆＃34;：＆＃34;无论＆＃34;＆＃34;地址＆＃34;：＆＃34 ;＆＃34;无论如何＆＃34; ....等等。到目前为止，我有这个代码，但我很困惑为什么它没有按照我想要的方式工作。我如何确保当其他人注册时，他们的详细信息不会覆盖本地存储上已有的当前注册详细信息？

Answer 1

您可以存储一组用户。例如：

var users = JSON.parse(localStorage.getItem('Users')) || [];
var userData = [{Username:document.getElementById("UserName").value},
{Email:document.getElementById("EmailAddress").value},
{Password:document.getElementById("PassWord").value},
{Address:document.getElementById("Address1").value},
{Phone:document.getElementById("PhoneNumber").value}];

users.push(userData);
localStorage.setItem('Users', JSON.stringify(users));

然后访问用户：

var users = JSON.parse(localStorage.getItem('Users')) || [];
users.forEach(console.log);
users[0];
users[1];
[etc.]

如何在不在下次覆盖的情况下将注册详细信息存储在本地存储中？

1 个答案: