Javascript 在表中存储用户的名字和姓氏

我已经为我的网站创建了一个注册和登录，并且创建了一个表来存储用户的名字和姓氏，但是我想在表中存储多个用户，但是每次我更新表时，每当新用户登录时，它都会替换第一个用户

单击链接以查看图像：

/*--寄存器--*/
函数storeUserDetail（）{
var fNameInput=document.getElementById（“firstNameInput”）.value；
var lNameInput=document.getElementById（“lastNameInput”）.value；
var uNameInput=document.getElementById（“userNameInput”）.value；
var pWordInput=document.getElementById（“passWordInput”）.value；
如果（fNameInput==“”）{
document.getElementById（“regMessage”）.innerHTML=“请输入您的名字。”；
}
else if（lNameInput==“”）{
document.getElementById（“regMessage”）.innerHTML=“请输入您的姓氏。”；
}
else if（unmainput==“”）{
document.getElementById（“regMessage”）.innerHTML=“请输入您的用户名。”；
}
else if（pWordInput==“”）{
document.getElementById（“regMessage”）.innerHTML=“请输入密码。”；
}
否则{
var storeDetails={}；
storeDetails.FirstName=
document.getElementById（“firstNameInput”）.value；
storeDetails.LastName=
document.getElementById（“lastNameInput”）.value；
storeDetails.Username=
document.getElementById（“userNameInput”）.value；
storeDetails。密码=
document.getElementById（“passWordInput”）.value；
localStorage[storeDetails.Username]=JSON.stringify（storeDetails）；
window.location.replace（“http://localhost/login.php");
}                    
}
/*--登录--*/
函数loginUser（）{
var Username=document.getElementById（“userNameInput”）.value；
var Password=document.getElementById（“passWordInput”）.value；
如果（用户名==“”）{
document.getElementById（“logMessage”）.innerHTML=“请输入您的用户名。”；
}
否则如果（密码==“”）{
document.getElementById（“logMessage”）.innerHTML=“请输入密码。”；
}
否则{
if（localStorage[用户名]==未定义）{
document.getElementById（“logMessage”）.innerHTML=“用户名不正确。请重试。”；
返回；
}
否则{
var storeDetails=JSON.parse（localStorage[Username]）；
如果（密码===storeDetails.Password）{
localStorage.loggedInUserName=storeDetails.Username；
window.location.replace（“http://localhost/game.php");
}
否则{
document.getElementById（“logMessage”）.innerHTML=“密码不正确。请重试。”；
}
}
}
/*桌子*/
函数inputUserInfo（）{
var storeDetails=JSON.parse（localStorage[localStorage.LoggedInUser]）；
var table=document.getElementById（“rankTable”）；
var row=table.insertRow（）；
var firstNameCell=row.insertCell（0）；
var lastNameCell=row.insertCell（1）；
firstNameCell.innerHTML=storeDetails.FirstName；
lastNameCell.innerHTML=storeDetails.LastName；
}

您无法使用本地存储创建注册和登录系统。本地存储仅在用户自己的浏览器中保存值，因此为“本地”。服务器不知道这些值，其他用户不知道这些值，如果用户彻底清除其浏览器历史记录，则所有值都会被清除。并且每个给定的值只有一个值键——如果你今天说

username=“Sarah”

，明天说

username=“Laura”

，那么Laura会覆盖Sarah，因为用户的浏览器中有两个不同的东西都称为

username

，这是没有意义的

---

本地存储不适用于注册和登录系统。它只适用于为单个用户缓存内容。例如，您可以将正在进行/未发送的消息存储在本地存储中，以便用户不会在页面刷新时丢失这些消息。

您无法使用本地存储创建注册和登录系统。仅本地存储aves值在用户自己的浏览器中，因此是“本地”的。服务器不知道这些值，其他用户也不知道这些值，如果用户彻底清除其浏览器历史记录，这些值都会被清除。每个给定的键只有一个值——如果你今天说

username=“Sarah”

，以及

username=“劳拉”

明天，Laura将覆盖Sarah，因为用户的浏览器中有两个不同的东西都称为

用户名

，这是没有意义的

---

本地存储不适用于注册和登录系统。它只适用于为单个用户缓存内容。例如，您可以将进行中/未发送的消息存储在本地存储中，以便用户不会在页面刷新时丢失这些消息。

您需要一个数据库、rational或nosql。这是因为您正在分配对象的属性o一个值。每次你给同一个对象属性分配一个新值时，它都会被覆盖。这就像有一个变量名，你每次循环它并分配一个不同的名称。它不会持久地存储信息。它会在新的赋值时被覆盖。你需要的是一个关系数据库。检查MySQL。有什么方法解决这个问题吗我有这个问题吗？我想使用本地存储，我不想创建数据库。“我已经使用HTML本地存储为我的网站创建了一个注册和登录”嗯……你知道，

localstorage

对于访问网站的每个浏览器来说都是本地的，对吧？没有任何方式共享？例如，

localstorage

（所有客户端技术）完全不适合你所说的你想要做的。你需要将信息存储在一个中心位置（比如说，某种服务器）。你需要一个数据库，rational或nosql。这是因为你正在将对象的属性赋值。每次你

/*-- REGISTER --*/

function storeUserDetail(){
    var fNameInput = document.getElementById("firstNameInput").value;
    var lNameInput = document.getElementById("lastNameInput").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;
        localStorage[storeDetails.Username] = JSON.stringify(storeDetails);
        window.location.replace("http://localhost/login.php");
    }                    
}

/*-- LOGIN -- */

function loginUser(){
    var Username = document.getElementById("userNameInput").value;
    var Password = document.getElementById("passWordInput").value;
    if(Username === ""){
        document.getElementById("logMessage").innerHTML = "<span 
        class='error'>Please enter your Username.</span>";                   
    }
    else if(Password === ""){
        document.getElementById("logMessage").innerHTML = "<span 
        class='error'>Please enter your Password.</span>";     
    }
    else {
        if(localStorage[Username] === undefined) {
        document.getElementById("logMessage").innerHTML = "<span 
        class='error'>Username Incorrect. Please try again.</span>";
        return;
    }
    else {
        var storeDetails = JSON.parse(localStorage[Username]);
        if(Password === storeDetails.password) {
            localStorage.loggedInUserName = storeDetails.Username;
            window.location.replace("http://localhost/game.php");
        }
        else{
            document.getElementById("logMessage").innerHTML = "<span 
            class='error'>Password Incorrect. Please try again.</span>";
        }
    }
}

/* TABLE */

function inputUserInfo(){
    var storeDetails = JSON.parse(localStorage[localStorage.LoggedInUser]);
    var table = document.getElementById("rankTable");
    var row = table.insertRow();
    var firstNameCell = row.insertCell(0);
    var lastNameCell = row.insertCell(1);
    firstNameCell.innerHTML = storeDetails.FirstName;
    lastNameCell.innerHTML = storeDetails.LastName;
}