html - HTML-list -> 选择一个项目，传递参数

Question

我正在使用 jQuery 从 JSON 文件构建一个列表。此列表嵌套了 2 个维度。

例如：

1. 汽车
   • 宝马
   • 奥迪
   • 大众
2. 摩托车
   • 铃木
   • 宝马
   • 川崎

我的第一页显示了一个列表

1. 汽车

2. 摩托车

如果您单击其中一项，您将获得嵌套列表。你明白了。

我想要做的是，您可以单击嵌套列表中的品牌并获得一个新页面。这个页面显示了，比方说，关于该品牌的一些细节。我不想做的是为每个品牌创建单独的html文件，因为会太多。所以我考虑将一个参数传递给一个 HTML 文件，该文件会根据该参数加载该品牌的详细信息。

我不想使用 PHP，因为最后我想将其用作 phonegap 应用程序。

我正在寻找一个简单的解决方案，有什么建议吗？

Answer 1

这似乎是一种方法：http: //jquery-howto.blogspot.de/2009/09/get-url-parameters-values-with-jquery.html

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

调用 getUrlVars() 函数将返回以下数组：

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}