跨不同页面的 Phonegap 中的本地存储

LocalStorage in Phonegap across different pages

本文关键字：存储 Phonegap      更新时间：2023-09-26

我正在尝试使用存储在 phonegap 内置的 localStorage 功能中的简单字符串作为一个简单的设置来杀死要从服务器获取的女巫数据集。在索引中.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 页面尝试从本地存储引用相同的键时，没有显示任何内容。这是该代码：

            <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>元素。出于某种原因，什么都没有发生，有人知道为什么吗？

谢谢

我想

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

第一页：

            <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();
                }

如果其他人卡住了！:)

相关文章：