Javascript / jQuery URL 查询参数解析

Question

我有一个如下所示的 URL 查询：

view-mode=grid&filters%5Bone%5D%3D1%26filters%5Btwo%5D%3D2

最终我希望能够解析 PHP 和 Javascripting 中的参数（使用 jQuery）。使用 $_GET 在 PHP 中解析没有问题。试图弄清楚如何使用Javascript来做到这一点。 Javascript 中的最终对象应如下所示：

{ "view-mode" : "grid", "filters" : { "one" : "1", "two" : "2" } }

有什么建议吗？我已经在使用URI.js 进行一些构建和解析。

谢谢

Answer 1

想通了：

我使用URL.js 来获取查询参数 URI(location.href).query(true)

我得到一个具有一些属性的对象，包括“view-mode”和“filters[one]=1&filters[two]= 2" 其中 "filters[one]=1&filters[two]=2" 是一个对象（基于 URL.js 解析的方式查询）。

然后我遍历对象并检查属性是否为对象。如果是，我使用Ben Alman's BBQ jQuery Plugin 来解析属性名：

filters%5Bone%5D%3D1%26filters%5Btwo%5D%3D2

进入：

{ "filters" : { "one" : "1", "two" : "2" } }

URI.js 解析方法还会导致一些没有值的属性，例如“*filters[one]=1&filters[two]=21*”和“*filters[one]=1&filters[two]=2[]*”。我忽略那些。

然后我可以将非对象的原始属性（例如“view-mode=grid”）与解析后的对象属性（例如“filters%5Bone%5D%3D1%26filters%5Btwo%5D%3D2”，我最终得到：

{ "view-mode" : "grid", "filters" : { "one" : "1", "two" : "2" } }

最终结果是Javascript和PHP都可以读取和理解查询参数。