javascript - 用于从 html page1 到 page2 存储/传递值的脚本

Question

我正在制作一个 ListView ，我想将一些值(例如“name”、“info”、“hap”、“lat”和“lon”)传递给 page2.html。正确或最好的方法是什么？在 php 中，我使用 POST 或 GET 有更好的方法吗？如果 GET 是要走的路，如何在 page2 中实现它？是的，我用谷歌搜索仍然不确定如何正确地做到这一点。

<div data-role="page" id="manual">
    <div data-role="header" data-theme="b">
        <a onClick="javascript: history.go(-1)" data-icon="back">Back</a>
        <h1>Manual</h1>
    </div>
    <div data-role="content">
        <ul id="directory" data-role="listview" data-inset="false"
            data-filter="true">
        </ul>
    </div>
</div>


function parseXML(xml) {
    $(xml).find("cat").each(
            function() {
                name = $(this).attr("name");
                info = $(this).attr("info");
                hap = $(this).attr("hap");
                lat = $(this).attr("lat");
                lon = $(this).attr("lon");
                code = $(this).attr("code");
                $("#directory").append(
                        "<li><a href=\"page2.html?name=\"" + name + ">" + name + "</a></li>");
            });
}

Answer 1

我建议使用 localStorage。您可以使用 JavaScript 在本地存储键/值对，这非常简单:

// Setting a value
localStorage.setItem("someKey", "some value");

// Getting a value
var someValue = localStorage.getItem("someKey");

这些值也会跨页面和 session 保存。

有关详细信息，请参阅 description in the Safari Developer Library .