0

我正在尝试使用存储在 phonegap 中内置的 localStorage 功能中的一个简单字符串作为一个简单的设置来决定从服务器获取的数据集。在 index.html 中，我已经能够从<select>菜单中保存一个字符串并将其显示在标题中。使用这个 javascript 代码：

            <script type="text/javascript" charset="utf-8">

            window.onload = function() {
                document.getElementById("BtnStore").addEventListener("click", storeData, false);
                $("#headertitle").append(loadData()).headertitle("refresh");
            }

            function storeData() {
                var e = document.getElementById("klass");
                var klass = e.options[e.selectedIndex].value;
                localStorage.setItem("klass", klass);

                window.location.href = "index.html";
            }



            function loadData() {
                var getKlass = localStorage.getItem("klass");
                return getKlass;
            }


            </script>

这会将存储的值附加到<h1>元素中。

但是当我从不同的 html 页面尝试从 localstore 引用相同的键时，没有显示任何内容。这是该代码：

            <script type="text/javascript" charset="utf-8">

            document.addEventListener("deviceready", onDeviceReady, false);
            function onDeviceReady() {
                $("#hejsan").append(loadData()).hejsan("refresh");
            };


            function loadData() {
                var getKlass = localStorage.getItem("klass");
                return getKlass;
            }


            </script>

这也只是作为测试，将字符串附加到<p>元素。由于某种原因没有发生任何事情，有人知道为什么吗？

谢谢

4

1 回答 1

0

我想出了如何使它工作，这是我使用的代码：

第一页：

            <script type="text/javascript" charset="utf-8">

            window.onload = function() {
                document.getElementById("BtnStore").addEventListener("click", storeData, false);
                $("#headertitle").html(loadData()).headertitle;
            }

            function storeData() {
                //localStorage.clear();
                var e = document.getElementById("klass");
                var klass = e.options[e.selectedIndex].value;
                localStorage.setItem("klass", klass);

                window.location.href = "index.html";
            }



            function loadData() {
                var getKlass = localStorage.getItem("klass");
                return getKlass;
            }


            </script>

第二页：

                $(document).ready(function() {
                    function loadData() {
                        var getKlass = localStorage.getItem("klass");
                        $("#hejsan").html(getKlass).hejsan;
                    }
                    loadData();
                }

如果其他人被卡住了！:)

于 2013-10-09T19:20:58.087 回答