blocks|key|3123889|text|也许是http://plugins.jquery.com/query-object/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3123890|这是它的分支https://github.com/sousk/jquery.parsequery#readme。|3123891|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/query-object/|1|https://github.com/sousk/jquery.parsequery#readme^0|3|13|0|0|6|1D|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Maybe <a href="http://plugins.jquery.com/query-object/" rel="nofollow noreferrer">http://plugins.jquery.com/query-object/</a>?

This is the fork of it <a href="https://github.com/sousk/jquery.parsequery#readme" rel="nofollow noreferrer">https://github.com/sousk/jquery.parsequery#readme</a>.

blocks|key|350474|text|您可以从location.search属性中提取键/值对，此属性具有?后面的部分URL。符号，包括？符号。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|350475|function+getQueryString()+{
++var+result+=+{},+queryString+=+location.search.slice(1),
++++++re+=+/([%5E&=]%2B)=([%5E&]*)/g,+m;

++while+(m+=+re.exec(queryString))+{
++++result[decodeURIComponent(m[1])]+=+decodeURIComponent(m[2]);
++}

++return+result;
}

//+...
var+myParam+=+getQueryString()["myParam"];|code-block|syntax|javascript|350476|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/DOM/window.location^0|4|F|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You can extract the key/value pairs from the <a href="https://developer.mozilla.org/en/DOM/window.location" rel="noreferrer">location.search</a> property, this property has the part of the URL that follows the ? symbol, including the ? symbol.

<pre><code>function getQueryString() {
 var result = {}, queryString = location.search.slice(1),
 re = /([^&amp;=]+)=([^&amp;]*)/g, m;

 while (m = re.exec(queryString)) {
 result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
 }

 return result;
}

// ...
var myParam = getQueryString()["myParam"];
</code></pre>

blocks|key|347102|text|使用vanilla+javascript在一行(Ish)代码中实现tl;dr解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347103|var+queryDict+=+{}
location.search.substr(1).split("&").forEach(function(item)+{
++++queryDict[item.split("=")[0]]+=+item.split("=")[1]
})|code-block|syntax|javascript|347104|对于查询字符串?a=1&b=2&c=3&d&e，它返回：|offset|length|style|CODE|347105|>+queryDict
a:+"1"
b:+"2"
c:+"3"
d:+undefined
e:+undefined|347106|多值键和编码字符|347107|在How+can+I+get+query+string+values+in+JavaScript?上查看原始答案|347108|"?a=1&b=2&c=3&d&e&a=5&a=t%2520e%2520x%2520t&e=http%253A%252F%252Fw3schools.com%252Fmy%2520test.asp%253Fname%253Dståle%2526car%253Dsaab"
>+queryDict
a:+["1",+"5",+"t+e+x+t"]
b:+["2"]
c:+["3"]
d:+[undefined]
e:+[undefined,+"http://w3schools.com/my+test.asp?name=ståle&car=saab"]|347109|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/21152762/985454^0|0|0|7|G|0|0|0|1|1C|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@$I|15|J|16|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|19|8|@]|9|@$I|1A|J|1B|1|1C]]|A|$]]|$1|S|3|T|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|U|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

<h1>tl;dr solution on a single(ish) line of code using vanilla javascript</h1>

<pre><code>var queryDict = {}
location.search.substr(1).split("&amp;").forEach(function(item) {
 queryDict[item.split("=")[0]] = item.split("=")[1]
})
</code></pre>

For querystring <code>?a=1&amp;b=2&amp;c=3&amp;d&amp;e</code>it returns:

<pre><code>&gt; queryDict
a: "1"
b: "2"
c: "3"
d: undefined
e: undefined
</code></pre>

<h2>multi-valued keys and encoded characters?</h2>

See the original answer at <a href="https://stackoverflow.com/a/21152762/985454">How can I get query string values in JavaScript?</a>

<pre><code>"?a=1&amp;b=2&amp;c=3&amp;d&amp;e&amp;a=5&amp;a=t%20e%20x%20t&amp;e=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dståle%26car%3Dsaab"
&gt; queryDict
a: ["1", "5", "t e x t"]
b: ["2"]
c: ["3"]
d: [undefined]
e: [undefined, "http://w3schools.com/my test.asp?name=ståle&amp;car=saab"]
</code></pre>

blocks|key|347924|text|在找到这篇文章后，当我看自己的时候，我想我应该补充一句，我不认为最受欢迎的解决方案是最好的。它不处理数组值(比如?a=foo&a=bar+--在本例中，我希望让a返回'foo'，'bar')。据我所知，它也没有考虑编码值-例如十六进制字符编码，其中%2520表示空格(示例：?a=Hello%2520World)或加号符号用于表示空格(示例：?a=Hello%2BWorld)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347925|Node.js提供了一个非常完整的查询字符串解析解决方案。它很容易取出并在你自己的项目中使用，因为它相当好地隔离，并且在许可下。|347926|它的代码可以在这里查看：https://github.com/joyent/node/blob/master/lib/querystring.js|offset|length|347927|Node的测试可以在这里看到：https://github.com/joyent/node/blob/master/test/simple/test-querystring.js我建议用流行的答案尝试其中的一些，看看它是如何处理它们的。|347928|我还参与了一个专门添加此功能的项目。它是Python标准库查询字符串解析模块的一个端口。我的分支可以在这里找到：https://github.com/d0ugal/jquery.qeeree|347929|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/joyent/node/blob/master/lib/querystring.js|1|https://github.com/joyent/node/blob/master/test/simple/test-querystring.js|2|https://github.com/d0ugal/jquery.qeeree^0|0|0|C|1P|0|0|F|22|1|0|1K|13|2|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@$F|10|G|11|1|12]]|A|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@$F|14|G|15|1|16]]|A|$]]|$1|J|3|K|5|6|7|17|8|@]|9|@$F|18|G|19|1|1A]]|A|$]]|$1|L|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]|V|$5|O|P|Q|A|$R|W]]]]

After finding this post, when looking myself I thought I should add that I don't think the most up-voted solution is the best. It doesn't handle array values (such as ?a=foo&amp;a=bar - in this case I would expect getting a to return ['foo', 'bar']). It also as far as I can tell doesn't take into account encoded values - such as hex character encoding where %20 represents a space (example: ?a=Hello%20World) or the plus symbol being used to represent a space (example: ?a=Hello+World).

Node.js offers what looks like a very complete solutions to querystring parsing. It would be easy to take out and use in your own project as its fairly well isolated and under a permissive licence.

The code for it can be viewed here: <a href="https://github.com/joyent/node/blob/master/lib/querystring.js" rel="noreferrer">https://github.com/joyent/node/blob/master/lib/querystring.js</a>

The tests that Node has can be seen here:
<a href="https://github.com/joyent/node/blob/master/test/simple/test-querystring.js" rel="noreferrer">https://github.com/joyent/node/blob/master/test/simple/test-querystring.js</a> I would suggest trying some of these with the popular answer to see how it handles them.

There is also a project that I was involved in to specifically add this functionality. It is a port of the Python standard lib query string parsing module. My fork can be found here: <a href="https://github.com/d0ugal/jquery.qeeree" rel="noreferrer">https://github.com/d0ugal/jquery.qeeree</a>

blocks|key|347962|text|或者，您可以使用库sugar.js。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|347963|来自sugarjs.com：|347964|347965|+Object.fromQueryString+(字符串，深度=真)|blockquote|style|BOLD|347966|347967|将URL的查询字符串转换为对象。如果deep为false，则转换将仅接受浅参数(即没有使用[]语法的对象或数组)，因为它们不是通用支持的。|347968|Object.fromQueryString('foo=bar&broken=wear')+>{“foo”：“条”，“坏”：“穿”}+Object.fromQueryString('foo[]=1&foo[]=2')+>{"foo":1,2}|347969|347970|示例：|347971|var+queryString+=+Object.fromQueryString(location.search);
var+foo+=+queryString.foo;|code-block|syntax|javascript|347972|entityMap|0|LINK|mutability|MUTABLE|url|http://sugarjs.com/^0|9|8|0|0|0|0|1|R|X|1|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1C|8|@$A|1D|B|1E|J|K]|$A|1F|B|1G|J|K]]|9|@]|C|$]]|$1|L|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|1I|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1J|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1K|8|@]|9|@]|C|$]]|$1|R|3|S|5|6|7|1L|8|@]|9|@]|C|$]]|$1|T|3|U|5|V|7|1M|8|@]|9|@]|C|$W|X]]|$1|Y|3|-4|5|6|7|1N|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]]]

Or you could use the library <a href="http://sugarjs.com" rel="nofollow">sugar.js</a>.

From sugarjs.com:

<blockquote>
 Object.fromQueryString ( str , deep = true )
 
 Converts the query string of a URL into an object. If deep is false,
 conversion will only accept shallow params (ie. no object or arrays
 with [] syntax) as these are not universally supported. 

<pre><code>Object.fromQueryString('foo=bar&amp;broken=wear') &gt;{"foo":"bar","broken":"wear"}
Object.fromQueryString('foo[]=1&amp;foo[]=2') &gt;{"foo":[1,2]}
</code></pre>
</blockquote>

Example:

<pre><code>var queryString = Object.fromQueryString(location.search);
var foo = queryString.foo;
</code></pre>

blocks|key|347043|text|如果您手头有querystring，请使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347044|+/**
+*+@param+qry+the+querystring
+*+@param+name+name+of+parameter
+*+@returns+the+parameter+specified+by+name
+*+@author+eduardo.medeirospereira@gmail.com
+*/

function+getQueryStringParameter(qry,name){
++++if(typeof+qry+!==+undefined+&&+qry+!==+""){
++++++++var+keyValueArray+=+qry.split("&");
++++++++for+(+var+i+=+0;+i+<+keyValueArray.length;+i%2B%2B)+{
++++++++++++if(keyValueArray[i].indexOf(name)>-1){
++++++++++++++++return+keyValueArray[i].split("=")[1];
++++++++++++}
++++++++}
++++}
++++return+"";
}|code-block|syntax|javascript|347045|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you have the querystring on hand, use this:

<pre><code> /**
 * @param qry the querystring
 * @param name name of parameter
 * @returns the parameter specified by name
 * @author eduardo.medeirospereira@gmail.com
 */

function getQueryStringParameter(qry,name){
 if(typeof qry !== undefined &amp;&amp; qry !== ""){
 var keyValueArray = qry.split("&amp;");
 for ( var i = 0; i &lt; keyValueArray.length; i++) {
 if(keyValueArray[i].indexOf(name)&gt;-1){
 return keyValueArray[i].split("=")[1];
 }
 }
 }
 return "";
}
</code></pre>

blocks|key|3124141|text|//+How+about+this
function+queryString(qs)+{
++++var+queryStr+=+qs.substr(1).split("&"),obj={};
++++for(var+i=0;+i+<+queryStr.length;i%2B%2B)
++++++++obj[queryStr[i].split("=")[0]]+=+queryStr[i].split("=")[1];
++++return+obj;
}

//+Usage:
var+result+=+queryString(location.search);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3124142|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>// How about this
function queryString(qs) {
 var queryStr = qs.substr(1).split("&amp;"),obj={};
 for(var i=0; i &lt; queryStr.length;i++)
 obj[queryStr[i].split("=")[0]] = queryStr[i].split("=")[1];
 return obj;
}

// Usage:
var result = queryString(location.search);
</code></pre>

blocks|key|3337169|text|代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3337170|到目前为止，是我所见过的最完整的JavaScript查询字符串解析器实现。|3337171|不幸的是，它被写成了一个jQuery插件。|3337172|我将其重写为vanilla+JS，并做了一些改进：|3337173|function+parseQuery(str)+{
++var+qso+=+{};
++var+qs+=+(str+%7C%7C+document.location.search);
++//+Check+for+an+empty+querystring
++if+(qs+==+"")+{
++++return+qso;
++}
++//+Normalize+the+querystring
++qs+=+qs.replace(/(%5E\?)/,+'').replace(/;/g,+'&');
++while+(qs.indexOf("&&")+!=+-1)+{
++++qs+=+qs.replace(/&&/g,+'&');
++}
++qs+=+qs.replace(/([\&]%2B$)/,+'');
++//+Break+the+querystring+into+parts
++qs+=+qs.split("&");
++//+Build+the+querystring+object
++for+(var+i+=+0;+i+<+qs.length;+i%2B%2B)+{
++++var+qi+=+qs[i].split("=");
++++qi+=+qi.map(function(n)+{
++++++return+decodeURIComponent(n)
++++});
++++if+(typeof+qi[1]+===+"undefined")+{
++++++qi[1]+=+null;
++++}
++++if+(typeof+qso[qi[0]]+!==+"undefined")+{

++++++//+If+a+key+already+exists+then+make+this+an+object
++++++if+(typeof+(qso[qi[0]])+==+"string")+{
++++++++var+temp+=+qso[qi[0]];
++++++++if+(qi[1]+==+"")+{
++++++++++qi[1]+=+null;
++++++++}
++++++++qso[qi[0]]+=+[];
++++++++qso[qi[0]].push(temp);
++++++++qso[qi[0]].push(qi[1]);

++++++}+else+if+(typeof+(qso[qi[0]])+==+"object")+{
++++++++if+(qi[1]+==+"")+{
++++++++++qi[1]+=+null;
++++++++}
++++++++qso[qi[0]].push(qi[1]);
++++++}
++++}+else+{
++++++//+If+no+key+exists+just+set+it+as+a+string
++++++if+(qi[1]+==+"")+{
++++++++qi[1]+=+null;
++++++}
++++++qso[qi[0]]+=+qi[1];
++++}
++}
++return+qso;
}|code-block|syntax|javascript|3337174|如何使用它|3337175|var+results+=+parseQuery("?foo=bar&foo=boo&roo=bar;bee=bop;=ghost;=ghost2;&;checkbox%255B%255D=b1;checkbox%255B%255D=b2;dd=;http=http%253A%252F%252Fw3schools.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab&http=http%253A%252F%252Fw3schools2.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab");|3337176|输出|3337177|{
++"foo":+["bar",+"boo"+],
++"roo":+"bar",
++"bee":+"bop",
++"":+["ghost",+"ghost2"],
++"checkbox[]":+["b1",+"b2"],
++"dd":+null,
++"http":+[
++++"http://w3schools.com/my+test.asp?name=ståle&car=saab",
++++"http://w3schools2.com/my+test.asp?name=ståle&car=saab"
++]
}|3337178|另请参见。|3337179|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|16|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

<h3>The code</h3>

<a href="https://gist.github.com/EldonMcGuinness/6bccc6a0c62f85c378a6" rel="nofollow noreferrer">This Gist by Eldon McGuinness</a> is by far the most complete implementation of a JavaScript query string parser that I've seen so far.

Unfortunately, it's written as a jQuery plugin. 

I rewrote it to vanilla JS and made a few improvements :

<pre><code>function parseQuery(str) {
 var qso = {};
 var qs = (str || document.location.search);
 // Check for an empty querystring
 if (qs == "") {
 return qso;
 }
 // Normalize the querystring
 qs = qs.replace(/(^\?)/, '').replace(/;/g, '&amp;');
 while (qs.indexOf("&amp;&amp;") != -1) {
 qs = qs.replace(/&amp;&amp;/g, '&amp;');
 }
 qs = qs.replace(/([\&amp;]+$)/, '');
 // Break the querystring into parts
 qs = qs.split("&amp;");
 // Build the querystring object
 for (var i = 0; i &lt; qs.length; i++) {
 var qi = qs[i].split("=");
 qi = qi.map(function(n) {
 return decodeURIComponent(n)
 });
 if (typeof qi[1] === "undefined") {
 qi[1] = null;
 }
 if (typeof qso[qi[0]] !== "undefined") {

 // If a key already exists then make this an object
 if (typeof (qso[qi[0]]) == "string") {
 var temp = qso[qi[0]];
 if (qi[1] == "") {
 qi[1] = null;
 }
 qso[qi[0]] = [];
 qso[qi[0]].push(temp);
 qso[qi[0]].push(qi[1]);

 } else if (typeof (qso[qi[0]]) == "object") {
 if (qi[1] == "") {
 qi[1] = null;
 }
 qso[qi[0]].push(qi[1]);
 }
 } else {
 // If no key exists just set it as a string
 if (qi[1] == "") {
 qi[1] = null;
 }
 qso[qi[0]] = qi[1];
 }
 }
 return qso;
}
</code></pre>

<h3>How to use it</h3>

<pre><code>var results = parseQuery("?foo=bar&amp;foo=boo&amp;roo=bar;bee=bop;=ghost;=ghost2;&amp;;checkbox%5B%5D=b1;checkbox%5B%5D=b2;dd=;http=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab&amp;http=http%3A%2F%2Fw3schools2.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab");
</code></pre>

<h3>Output</h3>

<pre><code>{
 "foo": ["bar", "boo" ],
 "roo": "bar",
 "bee": "bop",
 "": ["ghost", "ghost2"],
 "checkbox[]": ["b1", "b2"],
 "dd": null,
 "http": [
 "http://w3schools.com/my test.asp?name=ståle&amp;car=saab",
 "http://w3schools2.com/my test.asp?name=ståle&amp;car=saab"
 ]
}
</code></pre>

See also <a href="http://jsfiddle.net/cb57dusv/45/" rel="nofollow noreferrer">this Fiddle</a>.

blocks|key|347162|text|值得注意的是，John+Slegers提到的库确实有一个jQuery依赖，但是这里有一个版本是普通的Javascript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347163|https://github.com/EldonMcGuinness/querystring.js|offset|length|347164|我会简单地评论他的帖子，但我没有这样做的声誉。:/|347165|示例：|style|BOLD|347166|下面的示例处理以下查询字符串，尽管是不规则的：|347167|?foo=bar&foo=boo&roo=bar;bee=bop;=ghost;=ghost2;&;checkbox%255B%255D=b1;checkbox%255B%255D=b2;dd=;http=http%253A%252F%252Fw3schools.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab&http=http%253A%252F%252Fw3schools2.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab+|code-block|syntax|javascript|347168|​|347169|var+qs+=+"?foo=bar&foo=boo&roo=bar;bee=bop;=ghost;=ghost2;&;checkbox%255B%255D=b1;checkbox%255B%255D=b2;dd=;http=http%253A%252F%252Fw3schools.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab&http=http%253A%252F%252Fw3schools2.com%252Fmy%2520test.asp%253Fname%253Dst%25C3%25A5le%2526car%253Dsaab";
//var+qs+=+"?=&=";
//var+qs+=+""

var+results+=+querystring(qs);

(document.getElementById("results")).innerHTML+=JSON.stringify(results,+null,+2);|347170|<script+
src="https://rawgit.com/EldonMcGuinness/querystring.js/master/dist/querystring.min.js"></script>
<pre+id="results">RESULTS:+Waiting...</pre>|347171|347172|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1D|0|0|0|0|3|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@$D|18|E|19|1|1A]]|A|$]]|$1|F|3|G|5|6|7|1B|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1C|8|@$D|1D|E|1E|J|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1F|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1G|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1H|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|1I|8|@]|9|@]|A|$Q|R]]|$1|W|3|X|5|P|7|1J|8|@]|9|@]|A|$Q|R]]|$1|Y|3|T|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|C]]]]

It is worth noting, the library that John Slegers mentioned does have a jQuery dependency, however here is a version that is vanilla Javascript.

<a href="https://github.com/EldonMcGuinness/querystring.js" rel="nofollow">https://github.com/EldonMcGuinness/querystring.js</a>

I would have simply commented on his post, but I lack the reputation to do so. :/

<h2>Example:</h2>

The example below process the following, albeit irregular, query string:

<pre><code>?foo=bar&amp;foo=boo&amp;roo=bar;bee=bop;=ghost;=ghost2;&amp;;checkbox%5B%5D=b1;checkbox%5B%5D=b2;dd=;http=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab&amp;http=http%3A%2F%2Fw3schools2.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab 
</code></pre>

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var qs = "?foo=bar&amp;foo=boo&amp;roo=bar;bee=bop;=ghost;=ghost2;&amp;;checkbox%5B%5D=b1;checkbox%5B%5D=b2;dd=;http=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab&amp;http=http%3A%2F%2Fw3schools2.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab";
//var qs = "?=&amp;=";
//var qs = ""

var results = querystring(qs);

(document.getElementById("results")).innerHTML =JSON.stringify(results, null, 2);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script 
src="https://rawgit.com/EldonMcGuinness/querystring.js/master/dist/querystring.min.js"&gt;&lt;/script&gt;
&lt;pre id="results"&gt;RESULTS: Waiting...&lt;/pre&gt;</code></pre>
</div>
</div>

blocks|key|3336814|text|function+decode(s)+{
++++try+{
++++++++return+decodeURIComponent(s).replace(/\r\n%7C\r%7C\n/g,+"\r\n");
++++}+catch+(e)+{
++++++++return+"";
++++}
}
function+getQueryString(win)+{
++++var+qs+=+win.location.search;
++++var+multimap+=+{};
++++if+(qs.length+>+1)+{
++++++++qs+=+qs.substr(1);
++++++++qs.replace(/([%5E=&]%2B)=([%5E&]*)/g,+function(match,+hfname,+hfvalue)+{
++++++++++++var+name+=+decode(hfname);
++++++++++++var+value+=+decode(hfvalue);
++++++++++++if+(name.length+>+0)+{
++++++++++++++++if+(!multimap.hasOwnProperty(name))+{
++++++++++++++++++++multimap[name]+=+[];
++++++++++++++++}
++++++++++++++++multimap[name].push(value);
++++++++++++}
++++++++});
++++}
++++return+multimap;
}
var+keys+=+getQueryString(window);
for+(var+i+in+keys)+{
++++if+(keys.hasOwnProperty(i))+{
++++++++for+(var+z+=+0;+z+<+keys[i].length;+%2B%2Bz)+{
++++++++++++alert(i+%2B+":"+%2B+keys[i][z]);
++++++++}
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3336815|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>
function decode(s) {
 try {
 return decodeURIComponent(s).replace(/\r\n|\r|\n/g, "\r\n");
 } catch (e) {
 return "";
 }
}
function getQueryString(win) {
 var qs = win.location.search;
 var multimap = {};
 if (qs.length &gt; 1) {
 qs = qs.substr(1);
 qs.replace(/([^=&]+)=([^&]*)/g, function(match, hfname, hfvalue) {
 var name = decode(hfname);
 var value = decode(hfvalue);
 if (name.length &gt; 0) {
 if (!multimap.hasOwnProperty(name)) {
 multimap[name] = [];
 }
 multimap[name].push(value);
 }
 });
 }
 return multimap;
}
var keys = getQueryString(window);
for (var i in keys) {
 if (keys.hasOwnProperty(i)) {
 for (var z = 0; z &lt; keys[i].length; ++z) {
 alert(i + ":" + keys[i][z]);
 }
 }
}
</code></pre>

blocks|key|345702|text|：我喜欢保持简单、易读和小巧。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|345703|function+searchToObject(search)+{
++++var+pairs+=+search.substring(1).split("&"),
++++++++obj+=+{},+pair;

++++for+(var+i+in+pairs)+{
++++++++if+(pairs[i]+===+"")+continue;
++++++++pair+=+pairs[i].split("=");
++++++++obj[decodeURIComponent(pair[0])]+=+decodeURIComponent(pair[1]);
++++}
++++return+obj;
}

searchToObject(location.search);|code-block|syntax|javascript|345704|示例：|offset|length|style|BOLD|345705|searchToObject('?query=myvalue')['query'];+//+spits+out:+'myvalue'|345706|entityMap^0|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I like to keep it simple, readable and small.

<pre><code>function searchToObject(search) {
 var pairs = search.substring(1).split("&amp;"),
 obj = {}, pair;

 for (var i in pairs) {
 if (pairs[i] === "") continue;
 pair = pairs[i].split("=");
 obj[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
 }
 return obj;
}

searchToObject(location.search);
</code></pre>

Example:

<pre><code>searchToObject('?query=myvalue')['query']; // spits out: 'myvalue'
</code></pre>

blocks|key|347133|text|函数，我为类似的要求编写了纯javascript字符串操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347134|"http://www.google.lk/?Name=John&Age=20&Gender=Male"

function+queryize(sampleurl){
++++var+tokens+=+url.split('?')[1].split('&');
++++var+result+=+{};

++++for(var+i=0;+i<tokens.length;+i%2B%2B){
++++++++result[tokens[i].split('=')[0]]+=+tokens[i].split('=')[1];
++++}

++++return+result;
}|code-block|syntax|javascript|347135|用法：|347136|queryize(window.location.href)['Name']+//returns+John
queryize(window.location.href)['Age']+//returns+20
queryize(window.location.href)['Gender']+//returns+Male|347137|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Function I wrote for a requirement similar to this with pure javascript string manipulation

<pre><code>"http://www.google.lk/?Name=John&amp;Age=20&amp;Gender=Male"

function queryize(sampleurl){
 var tokens = url.split('?')[1].split('&amp;');
 var result = {};

 for(var i=0; i&lt;tokens.length; i++){
 result[tokens[i].split('=')[0]] = tokens[i].split('=')[1];
 }

 return result;
}
</code></pre>

Usage:

<pre><code>queryize(window.location.href)['Name'] //returns John
queryize(window.location.href)['Age'] //returns 20
queryize(window.location.href)['Gender'] //returns Male
</code></pre>

blocks|key|350687|text|如果你正在使用_.object(window.location.search.replace(/(%5E\?)/,+'').split('&').map(keyVal+=>+keyVal.split('=')));+%2B+ES6，这里有一个一行的解决方案:+lodash|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|350688|entityMap^0|7|2Q|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

If you are using lodash + ES6, here is a one line solution:
<code>
_.object(window.location.search.replace(/(^\?)/, '').split('&amp;').map(keyVal =&gt; keyVal.split('=')));
</code>

blocks|key|3336804|text|好吧，既然每个人都忽略了我的实际问题，嘿，我也会把我的问题贴出来！这就是我所拥有的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3336805|location.querystring+=+(function()+{

++++//+The+return+is+a+collection+of+key/value+pairs

++++var+queryStringDictionary+=+{};

++++//+Gets+the+query+string,+starts+with+'?'

++++var+querystring+=+unescape(location.search);

++++//+document.location.search+is+empty+if+no+query+string

++++if+(!querystring)+{
++++++++return+{};
++++}

++++//+Remove+the+'?'+via+substring(1)

++++querystring+=+querystring.substring(1);

++++//+'&'+seperates+key/value+pairs

++++var+pairs+=+querystring.split("&");

++++//+Load+the+key/values+of+the+return+collection

++++for+(var+i+=+0;+i+<+pairs.length;+i%2B%2B)+{
++++++++var+keyValuePair+=+pairs[i].split("=");
++++++++queryStringDictionary[keyValuePair[0]]+=+keyValuePair[1];
++++}

++++//+Return+the+key/value+pairs+concatenated

++++queryStringDictionary.toString+=+function()+{

++++++++if+(queryStringDictionary.length+==+0)+{
++++++++++++return+"";
++++++++}

++++++++var+toString+=+"?";

++++++++for+(var+key+in+queryStringDictionary)+{
++++++++++++toString+%2B=+key+%2B+"="+%2B+queryStringDictionary[key];
++++++++}

++++++++return+toString;
++++};

++++//+Return+the+key/value+dictionary

++++return+queryStringDictionary;
})();|code-block|syntax|javascript|3336806|以及测试结果：|3336807|alert(window.location.querystring.toString());

for+(var+key+in+location.querystring)+{
++++alert(key+%2B+"="+%2B+location.querystring[key]);
}|3336808|注意你的想法，JavaScript不是我的母语。|3336809|无论如何，我正在寻找一个已经写好的JavaScript库(例如jQuery，Prototype)。:)|3336810|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Okay, since everyone is ignoring my actual question, heh, I'll post mine too! Here's what I have:

<pre><code>location.querystring = (function() {

 // The return is a collection of key/value pairs

 var queryStringDictionary = {};

 // Gets the query string, starts with '?'

 var querystring = unescape(location.search);

 // document.location.search is empty if no query string

 if (!querystring) {
 return {};
 }

 // Remove the '?' via substring(1)

 querystring = querystring.substring(1);

 // '&amp;' seperates key/value pairs

 var pairs = querystring.split("&amp;");

 // Load the key/values of the return collection

 for (var i = 0; i &lt; pairs.length; i++) {
 var keyValuePair = pairs[i].split("=");
 queryStringDictionary[keyValuePair[0]] = keyValuePair[1];
 }

 // Return the key/value pairs concatenated

 queryStringDictionary.toString = function() {

 if (queryStringDictionary.length == 0) {
 return "";
 }

 var toString = "?";

 for (var key in queryStringDictionary) {
 toString += key + "=" + queryStringDictionary[key];
 }

 return toString;
 };

 // Return the key/value dictionary

 return queryStringDictionary;
})();
</code></pre>

And the tests:

<pre><code>alert(window.location.querystring.toString());

for (var key in location.querystring) {
 alert(key + "=" + location.querystring[key]);
}
</code></pre>

Mind you thought, JavaScript isn't my native tongue. 

Anyway, I'm looking for a JavaScript library (e.g. jQuery, Prototype) that already has one written. :)

blocks|key|3124064|text|基于@CMS的回答，我有以下内容(在CoffeeScript中，可以很容易地转换为JavaScript)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3124065|String::to_query+=+->
++[result,+re,+d]+=+[{},+/([%5E&=]%2B)=([%5E&]*)/g,+decodeURIComponent]
++while+match+=+re.exec(if+@.match+/%5E\?/+then+@.substring(1)+else+@)
++++result[d(match[1])]+=+d+match[2]+
++result|code-block|syntax|javascript|3124066|您可以使用以下命令轻松获取所需的内容：|3124067|location.search.to_query()['my_param']|3124068|这里的成功之处在于它是一个面向对象的接口(而不是函数式的)，它可以在任何字符串上完成(不仅仅是location.search)。|3124069|如果您已经在使用JavaScript库，那么这个函数make就已经存在了。例如here+is+Prototype's+version|offset|length|3124070|entityMap|0|LINK|mutability|MUTABLE|url|http://api.prototypejs.org/language/String/prototype/toQueryParams/^0|0|0|0|0|0|13|R|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Building on the answer by @CMS I have the following (in CoffeeScript which can easily be converted to JavaScript):

<pre><code>String::to_query = -&gt;
 [result, re, d] = [{}, /([^&amp;=]+)=([^&amp;]*)/g, decodeURIComponent]
 while match = re.exec(if @.match /^\?/ then @.substring(1) else @)
 result[d(match[1])] = d match[2] 
 result
</code></pre>

You can easily grab what you need with:

<pre><code>location.search.to_query()['my_param']
</code></pre>

The win here is an object-oriented interface (instead of functional) and it can be done on any string (not just location.search).

If you are already using a JavaScript library this function make already exist. For example <a href="http://api.prototypejs.org/language/String/prototype/toQueryParams/" rel="nofollow">here is Prototype's version</a>

Is there any JavaScript library that makes a dictionary out of the query string, <code>ASP.NET</code> style?

Something which can be used like:

<pre><code>var query = window.location.querystring["query"]?
</code></pre>

Is "query string" called something else outside the <code>.NET</code> realm? Why isn't <code>location.search</code> broken into a key/value collection ?

EDIT: I have written my own function, but does any major JavaScript library do this?

JavaScript query string

jQuery

Python

JSON

有没有可以从查询字符串ASP.NET样式中生成字典的JavaScript库？可以像这样用的东西：var query = window.location.querystring["query"]?“查询字符串”是不是调用了.NET领域之外的其他东西？为什么不将location.search分解为键/值集合？编辑：我已经编写了自己的函数，但是有没有主流的JavaScript库可以做到这一点呢？

问JavaScript查询字符串
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript查询字符串EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript查询字符串
EN