Javascript 将项目从HTML本地存储获取到HTML表中

这是我的注册页面的JavaScript代码，它将用户数据存储在HTML本地存储器中

function storeUserDetail(){
    var titleSelected = document.getElementById("titleInput").value;
    var fNameInput = document.getElementById("firstNameInput").value;
    var lNameInput = document.getElementById("lastNameInput").value;
    var genderSelected = document.getElementById("genderInput").value;
    var uNameInput = document.getElementById("userNameInput").value;
    var pWordInput = document.getElementById("passWordInput").value;
    if(fNameInput === ""){
        document.getElementById("regMessage").innerHTML = "<span 
        class='error'>Please enter your First Name.</span>";
    }
    else if(lNameInput === ""){
        document.getElementById("regMessage").innerHTML = "<span 
        class='error'>Please enter your Last Name.</span>";   
    }
    else if(uNameInput === ""){
        document.getElementById("regMessage").innerHTML = "<span 
        class='error'>Please enter your Username.</span>";   
    }
    else if(pWordInput === ""){
        document.getElementById("regMessage").innerHTML = "<span 
        class='error'>Please enter your Password.</span>";   
    }
    else {
        var storeDetails = {};
        storeDetails.FirstName = document.getElementById("firstNameInput").value;
        storeDetails.LastName = document.getElementById("lastNameInput").value;
        storeDetails.Username = document.getElementById("userNameInput").value;
        storeDetails.Password = document.getElementById("passWordInput").value;
        document.getElementById("regMessage").innerHTML = "";
        localStorage[storeDetails.Username] = JSON.stringify(storeDetails);

我的表存储在另一个页面上，可能这就是上面的代码无法工作的原因。这是我的HTML表格：

<table id="rankTable">
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
    </thead>

    <tbody>

    </tbody>
</table>

名字
姓

您将其存储为来自输入元素的用户名。因此，您需要获取该用户名才能检索它

var Username = // ???
localStorage[Username]

因此，上面代码中的问号需要表示获取该用户名的某种方式。有几种方法是：

• 将其存储在cookie中，然后从中检索
• 将其单独存储在本地存储中，假设每个客户端计算机只有一个用户名可存储
• 询问用户的用户名。这将要求他们在每次访问时提供

---

您将其存储为来自输入元素的用户名。因此，您需要获取该用户名才能检索它

var Username = // ???
localStorage[Username]

因此，上面代码中的问号需要表示获取该用户名的某种方式。有几种方法是：

• 将其存储在cookie中，然后从中检索
• 将其单独存储在本地存储中，假设每个客户端计算机只有一个用户名可存储
• 询问用户的用户名。这将要求他们在每次访问时提供

---

您将项目放置为

storeDetails.Username

，但尝试将其作为

Username

获取。尝试使用

storeDetails.Username

来检索数据。或者使用常量值，你能在代码中给出一个例子吗？你把项目放在

storeDetails.Username

中，但试着把它放在

Username

中。尝试使用

storeDetails.Username

来检索数据。或者使用常量值，你能在code

var storeDetails=JSON.parse（localStorage[Username]）中给出一个例子吗

我不能在控制台上更改此代码，它说用户名未定义。@Muddy:不，

用户名

是检索数据所需的“键”，但用户名存储在数据中。这就好比说，当你的钥匙锁在房子里时，你可以用你的钥匙解锁你的房子。您需要密钥才能进入其余数据。因此，除非您有用户名，否则无法访问数据。所以你需要把它存放在某个地方或者向用户索要。如果我换了钥匙怎么办？@Muddy:不知道你的意思。

localStorange

是一种将键与值关联的存储器。因此，如果用户

“Muddy”

的数据是使用键

“Muddy”

存储的，则需要使用相同的键来检索该数据。

var storeDetails=JSON.parse（localStorage[Username]）

我不能在控制台上更改此代码，它说用户名未定义。@Muddy:不，

用户名

是检索数据所需的“键”，但用户名存储在数据中。这就好比说，当你的钥匙锁在房子里时，你可以用你的钥匙解锁你的房子。您需要密钥才能进入其余数据。因此，除非您有用户名，否则无法访问数据。所以你需要把它存放在某个地方或者向用户索要。如果我换了钥匙怎么办？@Muddy:不知道你的意思。

localStorange

是一种将键与值关联的存储器。因此，如果使用键

“Muddy”

存储用户的数据，则需要使用相同的键检索该数据。