Javascript / jQuery URL查询参数解析

Question

I have a URL query that looks like this:

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

Ultimately I want to be able to parse the parameters in both PHP and Javascripting (using jQuery). No issues parsing in PHP using $_GET. Trying to figure out how to do it using Javascript. The final object in Javascript should look like this:

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

Any suggestions? I am using URI.js for some building and parsing already.

Thanks

Answer 1

Figured it out:

I used URL.js to get the query parameters using URI(location.href).query(true)

I get an object with a few properties, including "view-mode" and "filters[one]=1&filters[two]=2" where "filters[one]=1&filters[two]=2" is an object (based on the way URL.js parses the query).

Then I iterate through the object and check if the property is an object. If it is, I use Ben Alman's BBQ jQuery Plugin to parse the property name which turns:

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

into:

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

The URI.js parsing method also results in a few properties that have no value such as "*filters[one]=1&filters[two]=21*" and "*filters[one]=1&filters[two]=2[]*". I ignore those.

Then I can combine the original properties that aren't objects such as "view-mode=grid" with the parsed properties that are objects, such as "filters%5Bone%5D%3D1%26filters%5Btwo%5D%3D2" and I end up with:

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

End result is that both Javascript and PHP can read and understand the query parameters.