Question

尝试显示我的localstorage的值，但结果是

未定义

我可以说我在login.js设置了我的本地存储空间，并希望在dasboard.js中调用我的本地存储空间

我将我的本地存储设置为：window.localStorage['username'];

我打电话是这样的：$(".myClass").html(localStorage['username']);

我的代码出了什么问题？

*注意：我尝试过其他方式，比如： storage.getItem('username'); localStorage['username']

但结果是一样的...帮帮我

感谢

Answer 1

我相信你没有正确设置。

请你试试

// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

window.localStorage['username'];未将其设置为localStorage（缺少右侧）。在控制台中尝试此操作并检查应用程序选项卡这把钥匙不会被添加到LS。

否则使用window.localStorage['username'] = 'some value';。

了解更多信息https://www.w3schools.com/html/html5_webstorage.asp

Answer 2

似乎是代码中的一些拼写错误。请使用可读代码语法。

   localStorage.setItem('username', 'xyz'); // set value
   var userName = localStorage.getItem('username') //get value
   $(".myClass").html(userName);

你也可以在它之前使用“window”前缀。请参阅https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

希望这会对你有所帮助。

Answer 3

http://www.tutorialrepublic.com/codelab.php?topic=html5&file=local-storage

    if(localStorage){
    $(document).ready(function(){
        $(".save").click(function(){
            // Get input name
            var firstName = $("#firstName").val();

            // Store data
            localStorage.setItem("first_name", firstName);
            alert("Your first name is saved.");
        });
        $(".access").click(function(){
            // Retrieve data
            alert("Hi, " + localStorage.getItem("first_name"));
        });
    });
} else{
    alert("Sorry, your browser do not support local storage.");
}

请检查此示例，并告诉我它是否可以帮助您。

Answer 4

这是因为你在做window.localStorage时没有与本地存储api通信

设置本地存储项目，使用：

localStorage.setItem( "key", "value" );

要检索本地存储项，请使用：

localStorage.getItem( "key" );

LocalStorage仅在1页内工作？

4 个答案: