Jquery 单击按钮时如何显示保存的本地存储数据？

晚上好，我是一名业余程序员，尝试制作简单的jqm web应用程序。我制作了一个完整的积垢，并将其保存到本地存储。现在我遇到的问题是显示它。我想它显示到我的主页；在下，单击“保存”按钮时。但是我该怎么做呢？我卡住了

<!--Home page-->
 <section data-role="page" id="home">
    <header data-role="header">
        <h1>Counter</h1>
    </header>

    <section>   
    </section>

    <footer data-role="footer" data-position="fixed">
        <nav data-role="navbar">
            <ul>
                <li><a href="#home"></a></li>
                <li><a href="#display"></a></li>
                <li><a href="#app"></a></li>
            </ul>
        </nav>
    </footer>
</section>

---

})

您可以使用

window.localStorage['key']

访问存储数据。例如，如果您将姓名、生日和性别保存到您的区域设置存储中，则可以使用以下工具检索它们：

var name = window.localStorage['name'];
var birthday = window.localStorage['birthday'];
var gender = window.localStorage['gender'];

然后可以使用Javascript将它们加载到元素中：

document.getElementById('name-div').innerText = name
...

当然，这是假设您有适当的HTML div：

<div id="name-div"></div>

---

等等。这就是你要找的吗？

好的，首先，“id”是一个随机生成的数字——你以后怎么才能引用它呢

要解决此问题，请更改var id=Math.floor（Math.random（）*10000001）至var id=“我的表单数据”

现在，您可以在以后的代码中使用var data=localStorage.getItem（“我的表单数据”）

同时将

更改为

<content>
    <div id="form-data"></div>
</content>

这将使你朝着一个前进的方向前进（我一直试图保持它的简单，这样你就可以跟随）。你会注意到我并没有“去严格化”数据，我会让你决定

旁注：不要使用document.ready（）来显示数据。是的，只要#home是html文件中的第一个（或唯一一个）页面，它就可以工作。但这是一个坏习惯。相反，在mobileinit（）事件之前提前绑定#home pageshow事件（准备好jqm docs；events部分）

希望这能有所帮助

干杯，

---

马克

有些代码很高兴看到（O.T）这是万维网，有些是晚上，有些是早上，有些甚至不知道时间到了：）请发一些代码，不要打招呼。我们都已经认识了；）这个保存按钮在哪里？不，我需要能够使用jquery将其附加到单击事件。感谢您的帮助。您可以通过

$（'#myBtn'）来完成此操作。单击（函数（e）{//code goes here}）
<content>
    <div id="form-data"></div>
</content>

$(document).ready(function() {
    $("#home").on("pageshow", function() {
        var data = localStorage.getItem("my-form-data");
        #("#form-data").text(data);
    });
});