使用 localstorage 存儲登錄信息

Question

我一直在做一個可以存儲登錄信息的項目，這樣一旦用戶注冊，數據就會保存在 localStorage object 中。 我已經提到了一些 javascript 代碼來表明：

var user = document.getElementById("user");
var pass = document.getElementById("pass");
var email = document.getElementById("email");
var user2 = document.getElementById("user2");
var pass2 = document.getElementById("pass2");

function register() {
    localStorage.setItem("username", user.value);
    localStorage.setItem("password", pass.value);
    localStorage.setItem("email", email.value);
    document.getElementById("id01").innerHTML = "Registration successful";
}

function login() {
    var checkuser = localStorage.getItem("username");
    var checkpass = localStorage.getItem("password");
    if (checkuser === user2.value && checkpass === pass2.value) {
        document.getElementById("demo").innerHTML = "You are now logged in.";
    } else {
        document.getElementById("demo").innerHTML = "Incorrect username and password";
    }
}

在上面提到的 javascript 代碼中，我使用了localStorage object 來存儲值。 我已將用戶名存儲在user屬性中，密碼存儲在pass屬性中，並將 email 存儲在email屬性中。

我的問題是：有什么方法可以將用戶名、密碼和 email 存儲在一個屬性（ user屬性）中？

Answer 1

是的，您可以通過將所需的所有功能放在一個 object 中來做到這一點。

這里的例子

var user = document.getElementById("user");
var pass = document.getElementById("pass");
var email = document.getElementById("email");
var user2 = document.getElementById("user2");
var pass2 = document.getElementById("pass2");
var user = {
email:email,
pass:pass,
//.. other properties 
}

那么你可以這樣設置

localStorage.setItam("USEROBJ",JSON.stringify(user));

當你想調用它時，你應該使用 like

var user = JSON.parse(localStorage.getItam("USEROBJ"));

順便說一句，你可以閱讀這個

在 HTML5 localStorage 中存儲對象有關您的問題的更多詳細信息

Answer 2

您可以將 JSON 作為字符串存儲在 localStorage 屬性中，然后對其進行解析

function setUser() {
  localStorage.setItem('user', JSON.stringify(user));
}

function getUser() {
  user = JSON.parse(localStorage.getItem('user'))
}