将本地存储变量发送到下一页

Question

我正在尝试使用 Jquery/phonegap 开发一个应用程序。它几乎完成了，但是当我制作 APK 时有一件事不起作用。这就是我使用的查询字符串。在浏览器中运行良好，但不是 APK。

所以我将尝试使用本地存储。

我有这段代码，它输出从我的服务器获取的列表。我希望能够单击其中之一以传递到 arenaDetails.html 页面。在那里，您只会在数据库中看到该特定帖子的数据。

我的问题是。我如何将所有这些传递到下一页。我知道 localstorage，但我的问题更多，获取某人单击到 localstorage 的 listview 项的 id 然后将它们发送到正确页面的最佳方法是什么？这是动态创建的列表在这里给我带来了问题。

我当前的代码，使用查询字符串：

var arenas;

$('#ListArenasPage').on('pageshow', function(event) {
        getarenaList();
});

function getarenaList() {
    var country = window.localStorage.getItem("country");
    $.getJSON(URL + 'getarenas.php?id=' + country, function(data) {
        $('#arenaList li').remove();
        arenas = data.items;
        $.each(arenas, function(index, arena) {
            $('#arenaList').append('<li><a href="arenaDetails.html?id=' + arena.id + '">' +
                    '<img src="pics/' + arena.picture + '"/>' +
                    '<h4>' + arena.arenaName + '</h4>' + '<p id="category">Club:' + arena.arenaClub + '</p>' +
                    '<p>Capacity:' + arena.arenaCapacity + '</p>' +
                    '<span class="ui-li-count">' + arena.id + '</span></a></li>');
        });
        $('#arenaList').listview('refresh');
    });
}  

如何设置这个，例如 (window.localStorage.setItem("currentid", arena.id);)，然后根据用户按下的特定列表视图项将用户发送到正确的页面？

Answer 1

为什么在切换页面时不直接通过 URL 中的 arena.Id 并在新页面上获取 Id 并相应地从数据库中提取。