HTML列表 - ＆gt;选择一个项目，传递参数

Question

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

例如：

1. 汽车
   • BMW
   • AUDI
   • VW
2. 摩托车
   • 铃木
   • BMW
   • 川崎

我的第一页显示了

列表

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"
}