在本地存储中检索并显示保存的数据在另一个网页

我正在做一个关于创建网站的学校项目。在注册帐户后，我设法将用户数据保存到本地存储中。我想从本地存储中检索并显示保存的用户数据到编辑配置文件页面，这样当我加载编辑配置文件页面时，页面中就会显示一些数据。例如，在社交媒体帐户中，无论何时我们想要编辑我们的个人资料，我们当前的信息都会显示出来，我们只需编辑该页面的信息。我如何实现这一目标？在本地存储中检索并显示保存的数据在另一个网页

这里是我的代码：

<script> 
    var currentUser=null; 
    document.addEventListener("DOMContentLoaded",loadUserData); 

    function loadUserData() { 
     currentUser = localStorage.getItem("currentUser"); 
     if(currentUser!=null) { 
      currentUser = JSON.parse(currentUser); 

      console.log(currentUser.username); 
      console.log(currentUser.name); 
      console.log(currentUser.password); 
      console.log(currentUser.email); 
     } 
    } 
</script>

我知道的console.log只显示在控制台中的数据，但我需要在文本框中显示的数据，而不是当用户转到编辑个人资料页面。下面的脚本是否正确地在用户名文本框中显示用户名？它不适用于我。

<p> 
    <label for="newusername">Change Username:</label> 
    <input type="text" name="username" onload="valueAsPlaceHolder();" 
    id="username" required="required"/> 

    <!--<script> 
    function valueAsPlaceHolder() { 
     var changeUsernameInput = document.getElementById("username"); 
     localStorage["username"] = changeUsernameInput.value; 

     var changeUsernameSetting = localStorage["username"]; 
     if (changeUsernameSetting == null) { 
      changeUsernameInput.value = ""; 
     } 
     else { 
      changeUsernameInput.value = changeUsernameSetting; 
      } 
     } 
    </script--> 
</p>

来源

2016-08-04 blackJack

您应该修改loadUserData函数，如下所示。我设置了用户名示例，您可以按照名称，电子邮件和密码等所有字段进行操作。

function loadUserData() { 
    currentUser = localStorage.getItem("currentUser"); 
    if(currentUser!=null) { 
     currentUser = JSON.parse(currentUser); 

     document.getElementById('username').value = currentUser.username; 
    } 
}

来源

2016-08-04 16:33:52

非常感谢，它工作了一段时间，但现在我的currentUser对象甚至不显示在本地存储中D：并且我没有更改任何代码@Rahul Patel – blackJack

在本地存储中检索并显示保存的数据在另一个网页

回答

相关问题