关于url：如何在javascript中获取查询字符串值？

How can I get query string values in JavaScript?

是否有无插件的方式通过jquery(或不通过jquery)检索查询字符串值？

如果是这样，怎么办？如果没有，是否有插件可以这样做？

更新日期：2018年9月

您可以使用URLSearchParams，它很简单，并且具有良好的浏览器支持。

1 2	const urlParams = new URLSearchParams(window.location.search); const myParam = urlParams.get('myParam');

原件

为此，您不需要jquery。您可以使用一些纯javascript：

1
2
3
4
5
6
7
8
9

function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

用途：

1
2
3
4
5

// query string: ?foo=lorem&bar=&baz
var foo = getParameterByName('foo'); //"lorem"
var bar = getParameterByName('bar'); //"" (present with empty value)
var baz = getParameterByName('baz'); //"" (present with no value)
var qux = getParameterByName('qux'); // null (absent)

注：如果一个参数出现多次(?foo=lorem&foo=ipsum，则得到第一个值(lorem)。这方面没有标准，用法也不尽相同，例如，请参阅此问题：重复的HTTP GET查询键的权威位置。注意：此功能区分大小写。如果您喜欢不区分大小写的参数名，请将"i"修饰符添加到regexp

这是基于新的URLSearchParams规范的更新，以更简洁地实现相同的结果。请参阅下面题为"urlsearchparams"的答案。

相关讨论

在name.replace行中，您有一个replace，它似乎正在转义和]-是正确的还是应该是和 93；"因为]不需要转义？
使用jquery data()函数缓存结果以便进行重复访问，而不是每次都重新进行分析，这可能会很好…
也许不错，但在这种情况下没有必要这样做，因为那时您将需要处理过时的数据检查等…
没有人说它不能用纯JavaScript完成。如果您已经在使用jquery，并且jquery有一个函数来实现这一点，那么使用jquery而不是用一个新的函数来重新设计控制盘是有意义的。
该函数如何处理http://www.mysite.com/index.php?x=x1&x=x2&x=x3，字段x的值不明确。
@Kyralessa，我的观点是表明您不需要使用框架来实现目标。但是欢迎您重写并生成jquery插件，顺便问一下，为什么不使用dojo或extjs？
原始源netlobo.com/url_query_string_javascript.html
这也不能处理多值密钥，这也是完全合法的。
为什么要使用正则表达式？
对于?mykey=0&m.+key=1的querystring，调用getParameterByName("m.+key")将返回0而不是1。在构建正则表达式之前，需要转义name中的正则表达式元字符。您只需使用global标志并使用"\\$&"作为替换表达式调用一次.replace()。你应该搜索location.search，而不是location.href。超过400票的回答应该解释这些细节。
我们借用了这个，但是添加了一个参数来忽略键名的大小写。所以创建regex的行变成了var regex = new RegExp(regexS, (ignoreCase ?"i" : undefined));
"\\\]"有什么意义？为什么不只是\]？(stackoverflow不允许我在代码块中写入\)。
不管什么原因，这段代码在最新的火狐上都不起作用——在IE9和Chrome中都可以正常工作。但是，下面的答案适用于所有3个问题。
我们怎么能确定这是正确的呢？我找不到坏的测试用例并不意味着没有。这毕竟是一个安全问题！看在上帝的份上，调用一个测试良好的标准库函数。
我认为当一些参数放在符号后面时，这个答案可以扩展到这个案例。我修改了这种情况下的方法-请参阅我的答案stackoverflow.com/a/15988938/1888017
您不需要jquery来实现这一点或任何其他目的。你根本不需要它。
在使用哈希时，我不能让这个为我工作。我必须检查history.pushState，如果没有，使用'?' + location.hash.split('?')[1]搜索字符串。希望能帮助别人。
我在写单元测试，这里面有太多的逻辑算法。我得写一个测试来测试…假设jquery正在工作，那么我可以使用jquery方法来测试查询字符串。如果它不能正常工作，那么jquery错误报告就可以了。就我的两分钱……
@Bhargavpanchal我认为这是一个糟糕的编辑：你不再正确地逃避你正在搜索的值(代码中的paramName——转义被应用于name，你实际上也没有搜索name：使用location.search是很难编码的。我要回去了。
抱歉，但是当您分解字符串，然后分解它的部分时，它适用于可能出现的所有内容以及更少的代码。
这可能有助于您：frontend.citynamaste.com/2013/09/&hellip；您可以使用此链接中描述的javascript函数创建querystring并传递参数。
例如，由于regexp中的=，它不能与?b一起工作(没有"=")，并且在删除它时，它与r参数匹配?return。下面是我使用underline.js gist.github.com/dorian/833b37d2c7b168b7e94c的解决方案
这个答案有很多问题。我觉得我已经离开StackOverflow，进入了PHP注释手册。

作为一个初学者，我真的对这个答案感到困惑。问题是关于jquery，回答者说"不需要jquery，您可以使用普通的JS"。你好？您的意思是我必须放弃jquery脚本调用和其他jquery函数，调用香草团队建议的另一个脚本：

urlsearchparams

Firefox的歌剧36 44 +，+，+ +边缘17，Safari和Chrome支持10.3 49 +茶：urlsearchparams APIP＞＜／

Chrome announcement and details
歌剧announcement and details
火狐announcement and details

谷歌suggested there is for the stable urlsearchparams polyfill versions of IE。P＞＜／

EN is not by W3C标准，但它是生活模式(Web标准。P＞＜／

你可以使用它的在线位置，but You need to remove the question(for example，?马克与.slice(1))：P＞＜／

1	let params = new URLSearchParams(location.search);

前P＞＜／

1	let params = (new URL(location)).searchParams;

大学课程在线或任何URL：P＞＜／

1 2	let url = new URL('https://example.com?foo=1&bar=2'); let params = new URLSearchParams(url.search);

You can get参数也使用.searchParams物业shorthand on the URL对象，这样：P＞＜／

1
2
3

let params = new URL('https://example.com?foo=1&bar=2').searchParams;
params.get('foo'); //"1"
params.get('bar'); //"2"

你读过《get(KEY)/参数集，set(KEY, VALUE)，append(KEY, VALUE)API。You can also过for (let p of params) {}的迭代值。P＞＜／

参考和样品执行审计和测试页are available for。P＞＜／

相关讨论

只是另一个建议。该插件允许检索所有的金银线的部分的URL，包括锚，主机，等。＜／P >

它可以(或不可以使用jQuery。＜／P >

使用的是非常简单的和很酷的：＜／P >

1
2
3
4

var url = $.url('http://allmarkedup.com/folder/dir/index.html?item=value'); // jQuery version
var url = purl('http://allmarkedup.com/folder/dir/index.html?item=value'); // plain JS version
url.attr('protocol'); // returns 'http'
url.attr('path'); // returns '/folder/dir/index.html'

但是，作为一部11月11，到2014年，金银是保持自然和作者的recommends使用uri.js代替。在jQuery插件是不同的，它是focuses元素的设计与使用的字符串，就用URI直接，有或没有jQuery。类似的代码会查找AS，富勒的文档在这里：＜／P >

1
2
3

var url = new URI('http://allmarkedup.com/folder/dir/index.html?item=value'); // plain JS version
url.protocol(); // returns 'http'
url.path(); // returns '/folder/dir/index.html'

相关讨论

页：1(P)A quick，complete solution，which handles multilvalued keys and encued characters.(p)字母名称多线：字母名称(P)What is all this code…"Null-coalescing"，short-circuit evaluationES6 Destructuring Assignments，Arrow Functions，Template Strings(p)例如：字母名称(P)(p)Read More…关于Vanilla Javascript Solution(P)对于URL使用EDOCX1的不同部分，0(p)Easest(Dummy)Solution字母名称

Handles empty keys correctly.
有着最后价值的多重钥匙

字母名称Multi-Valued Keys(P)简单的凯奇搜索引擎(p)字母名称

Now returns arrays instead.
通过EDOCX1访问值(英文)2

字母名称缩小字符串？(P)使用EDOCX1为第二个或机器人弹射。(p)字母名称例如：字母名称(P)(p)从评论(P)*！不！请注意，EDOCX1英文本5音译为String EDOCX1英文本6The solution lies in a simple usage of EDOCX1 original 7，which ensures that EDOCX1 original 4 is not called on undefined values.(See the"complete solution"at the top.)(p)字母名称(P)如果Querystring is empty(EDOCX1)英文字母9，那么结果是有什么不正确的EDOCX1英文字母10。It is suggested to check the querysting before launching the parsing function like that:(p)字母名称

相关讨论

很好。我唯一要改变的是，如果一个键的值不超过一个，那么它就不需要是一个数组。仅当每个键有多个值时才使用数组。
@Pavelnikolov我认为这会给获取数组和值带来困难。您必须首先检查它，现在只检查长度，因为无论如何，您都将使用循环来检索这些值。同时，这也是这里最简单但功能性强的解决方案。
@细枝在IE8中不起作用
@katsh是的，的确，它在>=ie9中工作，但是，您可以通过在脚本开头插入某些代码来教您的javascript处理器array.forEach()。请参见polyfill developer.mozilla.org/en-us/docs/web/javascript/reference/&hellip；
@katsh也可以将其改写为普通的for loop，但解决方案不会如此优雅：)
为了可读性而展平一点，做成一个函数，然后重新使用split调用：函数parseQueryString()var qd=location.search.substr(1).split("&；").foreach(函数(项)var parts=item.split("=")；var k=parts[0]；var v=decodeuricomponent(parTS[1])；(QD中的k)？qd[k].推(v)：qd[k]=[v，])；返回qd；
只是好奇，为什么在创建一个元素的数组时尾随逗号？CC @凯西。
@丹达斯卡利苏哈哈，接球不错。：p那是我的错，在我用最优雅的形式做了实验后，我把它忘在了那里。
decodedocumenturi(undefined)返回"undefined"而不是undefined。一个功能性但不太优雅的补丁：var qd = {}; location.search.substr(1).split("&").forEach( function(item) { var s = item.split("="), k = s[0], v; if(s.length>1) v = decodeURIComponent(s[1]); (k in qd) ? qd[k].push(v) : qd[k] = [v] })。
@循环谢谢！使用v = v && decodeURIComponent(v)固定
@Querty，那不是v = s && decodeURIComponent(v)吗？您的版本永远不会执行decodeURIComponent。
@奎蒂，哎呀，我是说埃多克斯。
@等时的，你确定吗？当v计算为true时，即当v有一个值(例如，未定义)时，连接运行。另外，它是qwerty，而不是querty:d(实际上你不是第一个)
@同步之前的版本是v = item.split("=")[1]; v = v && decodeURIComponent(v);，现在是var s = item.split("="), v = s[1] && decodeURIComponent(s[1]);，重点是当split[1]返回undefined，然后decodeURIComponent(undefined)返回字符串"undefined"，这是错误的。
为什么不解码值的"名称"？它很可能有编码字符。
@Triynko可能，但这没有多大意义。无论如何，变量名都应该使用英文标准字母。但是你当然可以在它们的decodeURIComponent()中包装这两个部分。
我喜欢你的解决方案。但是，当我在一个没有查询参数的页面上尝试它时，qd == {'':[undefined]}，这是不理想的。我的解决方案在运行代码之前检查location.search是否为非空，因此如果没有参数，字典将为空。

snipplr.com上的roshambo有一个简单的脚本来实现这一点，在get url参数中对jquery进行了改进。使用他的脚本，您还可以轻松地提取出所需的参数。

要点如下：

1
2
3
4
5
6
7
8
9
10

$.urlParam = function(name, url) {
if (!url) {
url = window.location.href;
}
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(url);
if (!results) {
return undefined;
}
return results[1] || undefined;
}

然后从查询字符串中获取参数。

所以如果url/query字符串是xyz.com/index.html?lang=de。

打电话给var langval = $.urlParam('lang');，你就知道了。

Uzbekjon也有一篇很棒的博客文章，可以通过jquery获取URL参数和值。

相关讨论

如果使用jquery，则可以使用库，如jquery bbq:back button&query library。

...jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods.

编辑：添加deparam示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

如果你只想使用普通的javascript，你可以使用…

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

由于新的HTML历史API，特别是history.pushState()和history.replaceState()，URL可能会更改，这将使参数及其值的缓存无效。

此版本将在每次更改历史记录时更新其参数的内部缓存。

只使用两splits：P＞＜／

1
2
3
4

function get(n) {
var half = location.search.split(n + '=')[1];
return half !== undefined ? decodeURIComponent(half.split('&')[0]) : null;
}

我在the previous阅读完整的答案和更多。但我认为that is the扩和更快的方法。你可以在这jsperf基准检查P＞＜／

在解决问题的rup' to the conditional comment add a s，by changing the first分裂below to the两线。但现在它的绝对精度均值比(EEA jsperf slower regexp)。P＞＜／

1
2
3
4
5

function get(n) {
var half = location.search.split('&' + n + '=')[1];
if (!half) half = location.search.split('?' + n + '=')[1];
return half !== undefined ? decodeURIComponent(half.split('&')[0]) : null;
}

我知道，如果你知道你不会遇见第rup'反住房，这效果。otherwise，正则表达式。P＞＜／

Or if you have control of the querystring and can guarantee that a value you are trying to get will never contain any URL encoded
characters (having these in a value would be a bad idea) - you can use
the following slightly more simplified and readable version of the 1st option:

1
2
3
function getQueryStringValueByName(name) {
var queryStringFromStartOfValue = location.search.split(name + '=')[1];
return queryStringFromStartOfValue !== undefined ? queryStringFromStartOfValue.split('&')[0] : null;

相关讨论

在这里，"我叫安迪在制作中的e的优秀解决方案的热情是一种全fledged jQuery插件：＜／P >

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

;(function ($) {
$.extend({
getQueryString: function (name) {
function parseParams() {
var params = {},
e,
a = /\+/g, // Regex for replacing addition symbol with a space
r = /([^&=]+)=?([^&]*)/g,
d = function (s) { return decodeURIComponent(s.replace(a,"")); },
q = window.location.search.substring(1);

while (e = r.exec(q))
params[d(e[1])] = d(e[2]);

return params;
}

if (!this.queryStringParams)
this.queryStringParams = parseParams();

return this.queryStringParams[name];
}
});
})(jQuery);

的语法是：＜／P >

1	var someVar = $.getQueryString('myParam');

最好的纸的世界！！！！！！！＜／P >

如果你做的更多的是URL操作而不是简单地解析查询字符串，你可能会发现uri.js很有用。它是一个用于处理URL的库——附带了所有的铃声和口哨。(不好意思在这里做广告)

要将查询字符串转换为映射，请执行以下操作：

1
2
3
4
5

var data = URI('?foo=bar&bar=baz&foo=world').query(true);
data == {
"foo": ["bar","world"],
"bar":"baz"
}

(uri.js还"修复"了诸如?&foo&&bar=baz&到?foo&bar=baz这样的错误查询字符串)

相关讨论

我喜欢瑞安·菲兰的解决方案。但是我没有看到扩展jquery的任何意义？没有使用jquery功能。

另一方面，我喜欢Google Chrome:window.location.getParameter中的内置函数。

那么为什么不使用这个呢？好吧，其他浏览器没有。因此，如果这个函数不存在，我们就创建它：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

if (!window.location.getParameter ) {
window.location.getParameter = function(key) {
function parseParams() {
var params = {},
e,
a = /\+/g, // Regex for replacing addition symbol with a space
r = /([^&=]+)=?([^&]*)/g,
d = function (s) { return decodeURIComponent(s.replace(a,"")); },
q = window.location.search.substring(1);

while (e = r.exec(q))
params[d(e[1])] = d(e[2]);

return params;
}

if (!this.queryStringParams)
this.queryStringParams = parseParams();

return this.queryStringParams[key];
};
}

这个函数或多或少来自RyanPhelan，但包装方式不同：名称清晰，不依赖于其他JavaScript库。有关此功能的详细信息，请访问我的博客。

相关讨论

here is a similar to get an object快速通道阵列_ get to the美元：PHP的P＞＜／

1
2
3
4
5
6
7
8
9

用途：P＞＜／

1	var $_GET = get_query();

x=5&y&z=hello&x=6this for the query string对象：归来》theP＞＜／

1
2
3
4
5

{
x:"6",
y: undefined,
z:"hello"
}

相关讨论

简单明了的javascript代码：

1
2
3
4
5
6
7
8
9
10
11

function qs(key) {
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[key];
}

在javascript代码中的任意位置调用它：

1	var result = qs('someKey');

相关讨论

这些都是伟大的答案，但需要一些思想和位作为你的黑莓，我会喜欢有created。P＞＜／

它是简单的操作和dissection method that does Library of URL参数。method has the following the静电方法that can be called子主体的URL：P＞＜／

gethost
getpath
gethash
sethash
getparams
getquery
setparam
getparam
hasparam
removeparam

实例：P＞＜／

1	URLParser(url).getParam('myparam1')

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140

MDN from the：P＞＜／

1
2
3
4
5

function loadPageVar (sVar) {
  return unescape(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + escape(sVar).replace(/[\.\+\*]/g,"\\$&") +"(?:\\=([^&]*))?)?.*$","i"),"$1"));
}

alert(loadPageVar("name"));

关于高尔夫：＜／P >

1
2
3
4
5

var a = location.search&&location.search.substr(1).replace(/\+/gi,"").split("&");
for (var i in a) {
var s = a[i].split("=");
a[i] = a[unescape(s[0])] = unescape(s[1]);
}

显示它！！！！！！！＜／P >

1
2
3

for (i in a) {
document.write(i +":" + a[i] +"<br/>");
};

麦克：我是test.htm?i=can&has=cheezburger显示器＜／P >

1
2
3
4

0:can
1:cheezburger
i:can
has:cheezburger

相关讨论

我用正则表达式的方法很多，但不是说的。＜／P >

它看来，easier和更高效，我们读到的查询字符串的一次，在我的应用程序，和建立的面向，从所有的键/值对的类：＜／P >

1
2
3
4
5
6
7
8
9
10

一个URL类http://domain.com?param1=val1¶m2=val2你可以得到它们的值后在你的代码为search.param1和search.param2。。。。。。。＜／P >

roshambo jQuery的方法不是T以照顾解码-12864LCD URL ＜／P >

http://snipplr.com/view/26662/get-url-parameters-with-jquery--improved/

那是她的能力也在增在返回语句＜／P >

1	return decodeURIComponent(results[1].replace(/\+/g,"")) \|\| 0;

现在你可以找到的更新的依据：＜／P >

1
2
3
4
5

$.urlParam = function(name){
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
if (!results) { return 0; }
return decodeURIComponent(results[1].replace(/\+/g,"")) || 0;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

function GET() {
var data = [];
for(x = 0; x < arguments.length; ++x)
data.push(location.href.match(new RegExp("/\?".concat(arguments[x],"=","([^
&]*)")))[1])
return data;
}

example:
data = GET("id","name","foo");
query string : ?id=3&name=jet&foo=b
returns:
data[0] // 3
data[1] // jet
data[2] // b
or
alert(GET("id")[0]) // return 3

相关讨论

这是我对这个优秀答案的编辑——增加了用没有值的键解析查询字符串的能力。

1
2
3
4
5
6
7
8
9
10
11

重要！最后一行中该函数的参数不同。这只是一个如何向它传递任意URL的示例。您可以使用布鲁诺答案的最后一行来解析当前的URL。

那么到底发生了什么变化？使用url EDOCX1[0]时，结果将相同。但是使用url http://sb.com/reg/step1?parambruno的解决方案返回一个没有键的对象，而mine返回一个具有键param和undefined值的对象。

我喜欢这个(摘自jquery howto.blogspot.co.uk)：

1
2
3
4
5
6
7
8
9
10
11
12

// get an array with all querystring values
// example: var valor = getUrlVars()["valor"];
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;
}

对我来说很好。

面向对象的查询字符串from the needed安，和很多代码之恨。它不可能在宇宙最稳健的，但这只是一些lines of code。P＞＜／

1
2
3
4

var q = {};
location.href.split('?')[1].split('&').forEach(function(i){
q[i.split('=')[0]]=i.split('=')[1];
});

在this.htm?hello=world&foo=bar类将创建URL：P＞＜／

1	{hello:'world', foo:'bar'}

相关讨论

这是一个函数，我创造了一段时间后我quite与快乐。它是不敏感的案例-这是方便的。也，如果QS要求的不存在的T，它是安时返回空字符串。＜／P >

我用一个压缩版本。I’m posting未压缩的类型我了解新手到更好的explain怎么走。＜／P >

我担心这可能改进或有不同的工作做得更快，但它总是大的挤压方法什么是我需要的。＜／P >

过尽情玩吧＜／P >

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

function getQSP(sName, sURL) {
var theItmToRtn ="";
var theSrchStrg = location.search;
if (sURL) theSrchStrg = sURL;
var sOrig = theSrchStrg;
theSrchStrg = theSrchStrg.toUpperCase();
sName = sName.toUpperCase();
theSrchStrg = theSrchStrg.replace("?","&") theSrchStrg = theSrchStrg +"&";
var theSrchToken ="&" + sName +"=";
if (theSrchStrg.indexOf(theSrchToken) != -1) {
var theSrchTokenLth = theSrchToken.length;
var theSrchTokenLocStart = theSrchStrg.indexOf(theSrchToken) + theSrchTokenLth;
var theLocOfNextAndSign = theSrchStrg.indexOf("&", theSrchTokenLocStart);
theItmToRtn = unescape(sOrig.substring(theSrchTokenLocStart, theLocOfNextAndSign));
}
return unescape(theItmToRtn);
}

相关讨论

这里是安迪E链接的"句柄数组样式查询字符串"的扩展版本。修复了一个bug(?key=1&key[]=2&key[]=3；1丢失并替换为[2,3])，做了一些小的性能改进(重新解码值、重新计算"["位置等)，并增加了一些改进(功能化、支持?key=1&key=2、支持;分隔符)。我把变量留得很短，但是添加了大量的注释以使它们可读(噢，我在本地函数中重用了v，如果这让人困惑的话，很抱歉；)。

它将处理以下查询字符串…

?test=Hello&person=neek&person[]=jeff&person[]=jim&person[extra]=john&test3&nocache=1398914891264

…把它变成一个看起来像…

1
2
3
4
5
6
7
8
9
10
11
12

{
"test":"Hello",
"person": {
"0":"neek",
"1":"jeff",
"2":"jim",
"length": 3,
"extra":"john"
},
"test3":"",
"nocache":"1398914891264"
}

正如您在上面看到的，这个版本处理一些"畸形"数组的度量，例如-person=neek&person[]=jeff&person[]=jim或person=neek&person=jeff&person=jim，因为密钥是可识别和有效的(至少在dotnet的namevaluecollection.add中)：

If the specified key already exists in the target NameValueCollection
instance, the specified value is added to the existing comma-separated
list of values in the form"value1,value2,value3".

由于没有规格说明，似乎对重复的密钥的判断有点不对。在这种情况下，多个密钥存储为(假)数组。但请注意，我不会将基于逗号的值处理到数组中。

代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

getQueryStringKey = function(key) {
return getQueryStringAsObject()[key];
};

getQueryStringAsObject = function() {
var b, cv, e, k, ma, sk, v, r = {},
d = function (v) { return decodeURIComponent(v).replace(/\+/g,""); }, //# d(ecode) the v(alue)
q = window.location.search.substring(1), //# suggested: q = decodeURIComponent(window.location.search.substring(1)),
s = /([^&;=]+)=?([^&;]*)/g //# original regex that does not allow for ; as a delimiter: /([^&=]+)=?([^&]*)/g
;

//# ma(make array) out of the v(alue)
ma = function(v) {
//# If the passed v(alue) hasn't been setup as an object
if (typeof v !="object") {
//# Grab the cv(current value) then setup the v(alue) as an object
cv = v;
v = {};
v.length = 0;

//# If there was a cv(current value), .push it into the new v(alue)'s array
//# NOTE: This may or may not be 100% logical to do... but it's better than loosing the original value
if (cv) { Array.prototype.push.call(v, cv); }
}
return v;
};

//# While we still have key-value e(ntries) from the q(uerystring) via the s(earch regex)...
while (e = s.exec(q)) { //# while((e = s.exec(q)) !== null) {
//# Collect the open b(racket) location (if any) then set the d(ecoded) v(alue) from the above split key-value e(ntry)
b = e[1].indexOf("[");
v = d(e[2]);

//# As long as this is NOT a hash[]-style key-value e(ntry)
if (b < 0) { //# b =="-1"
//# d(ecode) the simple k(ey)
k = d(e[1]);

//# If the k(ey) already exists
if (r[k]) {
//# ma(make array) out of the k(ey) then .push the v(alue) into the k(ey)'s array in the r(eturn value)
r[k] = ma(r[k]);
Array.prototype.push.call(r[k], v);
}
//# Else this is a new k(ey), so just add the k(ey)/v(alue) into the r(eturn value)
else {
r[k] = v;
}
}
//# Else we've got ourselves a hash[]-style key-value e(ntry)
else {
//# Collect the d(ecoded) k(ey) and the d(ecoded) sk(sub-key) based on the b(racket) locations
k = d(e[1].slice(0, b));
sk = d(e[1].slice(b + 1, e[1].indexOf("]", b)));

//# ma(make array) out of the k(ey)
r[k] = ma(r[k]);

//# If we have a sk(sub-key), plug the v(alue) into it
if (sk) { r[k][sk] = v; }
//# Else .push the v(alue) into the k(ey)'s array
else { Array.prototype.push.call(r[k], v); }
}
}

//# Return the r(eturn value)
return r;
};

相关讨论

我们刚刚发布了arg.js，一个旨在一次性解决这个问题的项目。传统上很难做到，但现在你可以做到：

1	var name = Arg.get("name");

或者得到全部：

1	var params = Arg.all();

如果您关心?query=true和#hash=true之间的区别，那么可以使用Arg.query()和Arg.hash()方法。

相关讨论

这个问题的首要答案的问题是，它不支持放在之后的参数，但有时也需要获得这个值。

我修改了答案，让它用哈希符号解析完整的查询字符串：

1
2
3
4
5
6
7
8
9
10

var getQueryStringData = function(name) {
var result = null;
var regexS ="[\\?&#]" + name +"=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec('?' + window.location.href.split('?')[1]);
if (results != null) {
result = decodeURIComponent(results[1].replace(/\+/g,""));
}
return result;
};

相关讨论

1
2
3
4
5
6
7
8
9
10
11
12
13
14

这样，你可以使用布尔函数assuming this is the URLP＞＜／

http://dummy.com/?stringtext=jquery&stringword=jquerybyexample

1 2	var tech = GetQueryStringParams('stringtext'); var blog = GetQueryStringParams('stringword');

相关讨论

1	http://someurl.com?key=value&keynovalue&keyemptyvalue=&&keynovalue=nowhasvalue#somehash

常规键/值对(?param=value)
无值键(?param：无等号或值)
带空值的键(?param=：等号，但等号右边没有值)
重复键(?param=1¶m=2)
删除空键(?&&：无键或值)

代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

如何称呼：

1
params['key']; // returns an array of values (1..n)

输出：

1
2
3
key ["value"]
keyemptyvalue [""]
keynovalue [undefined,"nowhasvalue"]

一个眼线to get the查询：P＞＜／

1	var value = location.search.match(new RegExp(key +"=(.*?)($\|\&)","i"))[1];

相关讨论

利用自行开发的小型图书馆技术listed here to an使用方便的创建，在下拉anyones solution to can be found here troubles；EN：P＞＜／

HTTPS：/ / / /查询github.com nijikokun JSP＞＜／

usageP＞＜／

特异性的关键参数：fetchingP＞＜／

1	query.get('param');

using the to the全部对象：取器P＞＜／

1 2	var storage = query.build(); console.log(storage.param);

吨和更多……check for the examples GitHub的更多链接。P＞＜／

特点P＞＜／

参数解码和缓存都在线
supports #hello?page=3查询字符串哈希
通过自定义的查询supports
supports /对象user[]="jim"&user[]="bob"阵列参数
管理&&supports empty
supports参数没有值name&hello="world"宣言
supports param=1¶m=2重复灌水参数
清洁，紧凑和可读的源代码，4kb
支持AMD，require，节点

如果使用browserify，则可以使用node.js中的url模块：

1
2
3
4
5

var url = require('url');

url.parse('http://example.com/?bob=123', true).query;

// returns {"bob":"123" }

进一步阅读：url node.js v0.12.2手册和文档

编辑：你可以使用url接口，它在几乎所有的新浏览器中都被广泛采用，如果代码要在旧浏览器上运行，你可以使用像这样的polyfill。下面是一个关于如何使用URL接口获取查询参数(即搜索参数)的代码示例。

1 2	const url = new URL('http://example.com/?bob=123'); url.searchParams.get('bob');

您还可以使用urlsearchparams，下面是MDN中的一个示例，用于处理urlsearchparams：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

var paramsString ="q=URLUtils.searchParams&topic=api";
var searchParams = new URLSearchParams(paramsString);

//Iterate the search parameters.
for (let p of searchParams) {
console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") ==="api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic","webdev");
searchParams.toString(); //"q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic","More webdev");
searchParams.toString(); //"q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); //"q=URLUtils.searchParams"

相关讨论

非常轻量级的jquery方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

比如说提醒？Q

1	alert(request.q)

相关讨论

这里是我的版本的查询字符串解析GitHub的代码。＜／P >

它的"prefixed"与jQuery。*，但解析函数本身不使用jQuery。它的相当快速，但它的开放设计的几个简单的性能优化。＜／P >

它也支持列表&；哈希表中的URL编码，如：＜／P >

1	arr[]=10&arr[]=20&arr[]=100

或＜／P >

1	hash[key1]=hello&hash[key2]=moto&a=How%20are%20you

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

jQuery.toQueryParams = function(str, separator) {
separator = separator || '&'
var obj = {}
if (str.length == 0)
return obj
var c = str.substr(0,1)
var s = c=='?' || c=='#' ? str.substr(1) : str;

var a = s.split(separator)
for (var i=0; i<a.length; i++) {
var p = a[i].indexOf('=')
if (p < 0) {
obj[a[i]] = ''
continue
}
var k = decodeURIComponent(a[i].substr(0,p)),
v = decodeURIComponent(a[i].substr(p+1))

var bps = k.indexOf('[')
if (bps < 0) {
obj[k] = v
continue;
}

var bpe = k.substr(bps+1).indexOf(']')
if (bpe < 0) {
obj[k] = v
continue;
}

var bpv = k.substr(bps+1, bps+bpe-1)
var k = k.substr(0,bps)
if (bpv.length <= 0) {
if (typeof(obj[k]) != 'object') obj[k] = []
obj[k].push(v)
} else {
if (typeof(obj[k]) != 'object') obj[k] = {}
obj[k][bpv] = v
}
}
return obj;

}

我使用的是：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

/**
* Examples:
* getUrlParams()['myparam'] // url defaults to the current page
* getUrlParams(url)['myparam'] // url can be just a query string
*
* Results of calling `getUrlParams(url)['myparam']` with various urls:
* example.com (undefined)
* example.com? (undefined)
* example.com?myparam (empty string)
* example.com?myparam= (empty string)
* example.com?myparam=0 (the string '0')
* example.com?myparam=0&myparam=override (the string 'override')
*
* Origin: http://stackoverflow.com/a/23946023/2407309
*/
function getUrlParams (url) {
var urlParams = {} // return value
var queryString = getQueryString()
if (queryString) {
var keyValuePairs = queryString.split('&')
for (var i = 0; i < keyValuePairs.length; i++) {
var keyValuePair = keyValuePairs[i].split('=')
var paramName = keyValuePair[0]
var paramValue = keyValuePair[1] || ''
urlParams[paramName] = decodeURIComponent(paramValue.replace(/\+/g, ' '))
}
}
return urlParams // functions below
function getQueryString () {
var reducedUrl = url || window.location.search
reducedUrl = reducedUrl.split('#')[0] // Discard fragment identifier.
var queryString = reducedUrl.split('?')[1]
if (!queryString) {
if (reducedUrl.search('=') !== false) { // URL is a query string.
queryString = reducedUrl
}
}
return queryString
} // getQueryString
} // getUrlParams

在最后一种情况下，返回"override"而不是"0"使其与php一致。在IE7中工作。

相关讨论

我会去大学的split()，使用正则表达式的方法这样的操作：＜／P >

1
2
3
4
5
6
7
8
9
10
11

相关讨论

获取所有querystring参数，包括复选框值(数组)。

考虑到get参数的正确和正常使用，在大多数函数中，我认为它缺少对数组和删除哈希数据的支持。

所以我写了这个函数：

1
2
3
4
5
6
7
8
9
10
11

使用速记运算符&while--loop，性能应该非常好。

支持：

空值(key=/key)
键值(key=value)
数组(键[]=值)
散列(散列标记被拆分)

笔记：

它不支持对象数组(key[key]=value)

如果空格为+则保持为A+。

如有需要，加上.replace(/\+/g,"")。

用途：

1	qs('array[]=1&array[]=2&key=value&empty=&empty2#hash')

1
2
3
4
5
6
7
8

{
"empty":"",
"key":"value",
"array": [
"1",
"2"
]
}

演示：

http://jsfiddle.net/zqmrt/1/

信息

如果你不明白某件事，或者你读不懂函数，就问问。我很乐意解释我在这里做了什么。

如果您认为该函数不可读且不可维护，我很乐意为您重写该函数，但请考虑速记&位运算符总是比标准语法更快(可以阅读ECMA-262书中的速记和位运算符，或者使用您最喜欢的搜索引擎)。用标准可读语法重写代码意味着性能下降。

相关讨论

对于那些想要短方法(有限制)的人：

1	location.search.split('myParameter=')[1]

相关讨论

这个很好用

1
2
3
4
5
6
7
8
9
10

从这里夺走

相关讨论

1
2
3
4

function getUrlVar(key){
var result = new RegExp(key +"=([^&]*)","i").exec(window.location.search);
return result && unescape(result[1]) ||"";
}

https://gist.github.com/1771618

这converts the QueryString函数对象的JSON样值，它也无把手和多值参数：P＞＜／

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

"use strict";
function getQuerystringData(name) {
var data = { };
var parameters = window.location.search.substring(1).split("&");
for (var i = 0, j = parameters.length; i < j; i++) {
var parameter = parameters[i].split("=");
var parameterName = decodeURIComponent(parameter[0]);
var parameterValue = typeof parameter[1] ==="undefined" ? parameter[1] : decodeURIComponent(parameter[1]);
var dataType = typeof data[parameterName];
if (dataType ==="undefined") {
data[parameterName] = parameterValue;
} else if (dataType ==="array") {
data[parameterName].push(parameterValue);
} else {
data[parameterName] = [data[parameterName]];
data[parameterName].push(parameterValue);
}
}
return typeof name ==="string" ? data[name] : data;
}

我们在网上做undefinedcheck for the parameter[1]因为decodeURIComponent归来字符串"if the variable is undefinedUndefined"，和那是错误的。P＞＜／

用途：P＞＜／

1
2
3

"use strict";
var data = getQuerystringData();
var parameterValue = getQuerystringData("parameterName");

以下代码将创建一个具有两种方法的对象：

isKeyExist：检查是否存在特定参数
getValue：获取特定参数的值。

nbsp；

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

试试这个：

1
2
3
4

String.prototype.getValueByKey = function(k){
var p = new RegExp('\\b'+k+'\\b','gi');
return this.search(p) != -1 ? decodeURIComponent(this.substr(this.search(p)+k.length+1).substr(0,this.substr(this.search(p)+k.length+1).search(/(&|;|$)/))) :"";
};

然后这样称呼它：

1	if(location.search !="") location.search.getValueByKey("id");

您也可以将此用于cookies：

1	if(navigator.cookieEnabled) document.cookie.getValueByKey("username");

这只适用于具有key=value[&|;|$]的字符串…不适用于对象/数组。

如果不想使用string.prototype…将其移动到函数并将字符串作为参数传递

我使用此代码(javascript)获取通过URL传递的内容：

1
2
3
4
5
6
7

function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}

然后，要将值赋给变量，只需指定要获取的参数，即如果URL是example.com/?I=1&p=2&f=3。

您可以这样做以获取值：

1
2
3

var getI = getUrlVars()["I"];
var getP = getUrlVars()["p"];
var getF = getUrlVars()["f"];

那么这些值是：

1	getI = 1, getP = 2 and getF = 3

相关讨论

我在这里为我的需要做了一个小的URL库：https://github.com/mikhus/jsurl

这是一种更常见的在javascript中操作URL的方法。同时，它非常轻(小型化和gzipped<1 kb)，并且有一个非常简单和干净的API。它不需要任何其他的图书馆来工作。

关于最初的问题，很容易做到：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

var u = new Url; // Current document URL
// or
var u = new Url('http://user:[email protected]:8080/some/path?foo=bar&bar=baz#anchor');

// Looking for query string parameters
alert( u.query.bar);
alert( u.query.foo);

// Modifying query string parameters
u.query.foo = 'bla';
u.query.woo = ['hi', 'hey']

alert(u.query.foo);
alert(u.query.woo);
alert(u);

相关讨论

以下函数返回查询字符串的对象版本。只需编写obj.key1和obj.key2就可以访问参数中key1和key2的值。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

要使用这个函数，你可以写

1 2	var obj= getQueryStringObject(); alert(obj.key1);

这是我自己的看法。第一个函数将URL字符串解码为名称/值对的对象：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

url_args_decode = function (url) {
var args_enc, el, i, nameval, ret;
ret = {};
// use the DOM to parse the URL via an 'a' element
el = document.createElement("a");
el.href = url;
// strip off initial ? on search and split
args_enc = el.search.substring(1).split('&');
for (i = 0; i < args_enc.length; i++) {
// convert + into space, split on =, and then decode
args_enc[i].replace(/\+/g, ' ');
nameval = args_enc[i].split('=', 2);
ret[decodeURIComponent(nameval[0])]=decodeURIComponent(nameval[1]);
}
return ret;
};

另外，如果您更改了一些参数，则可以使用第二个函数将参数数组放回URL字符串：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

url_args_replace = function (url, args) {
var args_enc, el, name;
// use the DOM to parse the URL via an 'a' element
el = document.createElement("a");
el.href = url;
args_enc = [];
// encode args to go into url
for (name in args) {
if (args.hasOwnProperty(name)) {
name = encodeURIComponent(name);
args[name] = encodeURIComponent(args[name]);
args_enc.push(name + '=' + args[name]);
}
}
if (args_enc.length > 0) {
el.search = '?' + args_enc.join('&');
} else {
el.search = '';
}
return el.href;
};

相关讨论

一个简单的解决方案，简单的javascript和正则表达式：

1
2
3
4
5

alert(getQueryString("p2"));

function getQueryString (Param) {
return decodeURI("http://www.example.com/?p1=p11&p2=p2222".replace(new RegExp("^(?:.*[&?]" + encodeURI(Param).replace(/[.+*]/g,"$&") +"(?:=([^&]*))?)?.*$","i"),"$1"));
}

杰西德

如果您有underline.js或lodash，一个快速而肮脏的方法可以做到这一点：

1	_.object(window.location.search.slice(1).split('&').map(function (val) { return val.split('='); }));

相关讨论

这个简单的JavaScript布尔函数的最小值int ANS to get from URL字符串参数P＞＜／

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

/* THIS FUNCTION IS TO FETCH INT PARAMETER VALUES */

function getParameterint(param) {
var val = document.URL;
var url = val.substr(val.indexOf(param))
var n=parseInt(url.replace(param+"=",""));
alert(n);
}
getParameteraint("page");
getParameteraint("pagee");

/*THIS FUNCTION IS TO FETCH STRING PARAMETER*/
function getParameterstr(param) {
var val = document.URL;
var url = val.substr(val.indexOf(param))
var n=url.replace(param+"=","");
alert(n);
}
getParameterstr("str");

源代码和演示：http：/ / / / / how-to-get-url-parameter-in-javascript.html bloggerplugnplay.blogspot.in 2012年08P＞＜／

相关讨论

我把我的答案和附加支持optionally通过在URL中的作为一个参数；瀑布回到window.location.search。。。。。。。obviously这是有用的方法获取的查询字符串参数的URL是不说，从目前的页面：＜／P >

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

在很小urlthere is for this with some酷sugaring效用：P＞＜／

1
2
3
4
5
6
7
8
9
10
11
12

http://www.example.com/path/index.html?silly=willy#chucky=cheese

url(); // http://www.example.com/path/index.html?silly=willy#chucky=cheese
url('domain'); // example.com
url('1'); // path
url('-1'); // index.html
url('?'); // silly=willy
url('?silly'); // willy
url('?poo'); // (an empty string)
url('#'); // chucky=cheese
url('#chucky'); // cheese
url('#poo'); // (an empty string)

退房在examples和更多下载：github.com HTTPS：/ / / websanova JS—# URL URLP＞＜／

检索uri查询值的解决方案有很多，我更喜欢这一个，因为它很短，而且效果很好：

1
2
3
4

function get(name){
if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search))
return decodeURIComponent(name[1]);
}

相关讨论

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

相关讨论

node.js的源代码中有一个强大的实现https://github.com/joyent/node/blob/master/lib/querystring.js

另外，TJ的qs执行嵌套参数解析https://github.com/visionmedia/node-querystring

如果需要数组样式参数，url.js支持任意嵌套的数组样式参数以及字符串索引(maps)。它还处理URL解码。

1
2
3
4
5
6
7
8
9
10
11
12
13

url.get("val[0]=zero&val[1]=one&val[2]&val[3]=&val[4]=four&val[5][0]=n1&val[5][1]=n2&val[5][2]=n3&key=val", {array:true});
// Result
{
val: [
'zero',
'one',
true,
'',
'four',
[ 'n1', 'n2', 'n3' ]
]
key: 'val'
}

我认为这是实现这一点的一种精确而简洁的方法(从http://css tricks.com/snippets/javascript/get url variables/修改)：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

相关讨论

最漂亮但最基本的：

1
2
3
4
5
6
7
8
9

data = {};
$.each(
location.search.substr(1).split('&').filter(Boolean).map(function(kvpairs){
return kvpairs.split('=')
}),
function(i,values) {
data[values.shift()] = values.join('=')
}
);

它不处理值列表，如?a[]=1&a[]2。

相关讨论

这是获取参数值(查询字符串)的非常简单的方法。

使用gV(para_name)函数检索其值

1
2
3
4
5
6
7
8
9

var a=window.location.search;
a=a.replace(a.charAt(0),""); //Removes '?'
a=a.split("&");

function gV(x){
for(i=0;i<a.length;i++){
var b=a[i].substr(0,a[i].indexOf("="));
if(x==b){
return a[i].substr(a[i].indexOf("=")+1,a[i].length)}

如果不想使用javascript库，可以使用javascript字符串函数来解析window.location。将此代码保存在一个外部.js文件中，您可以在不同的项目中反复使用它。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

// Example - window.location ="index.htm?name=bob";

var value = getParameterValue("name");

alert("name =" + value);

function getParameterValue(param)
{
var url = window.location;
var parts = url.split('?');
var params = parts[1].split('&');
var val ="";

for ( var i=0; i<params.length; i++)
{
var paramNameVal = params[i].split('=');

if ( paramNameVal[0] == param )
{
val = paramNameVal[1];
}
}
return val;
}

用途：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

$(document).ready(function () {
var urlParams = {};
(function () {
var match,
pl = /\+/g, // Regex for replacing addition symbol with a space
search = /([^&=]+)=?([^&]*)/g,
decode = function (s) {
return decodeURIComponent(s.replace(pl,""));
},
query = window.location.search.substring(1);

while (match = search.exec(query))
urlParams[decode(match[1])] = decode(match[2]);
})();
if (urlParams["q1"] === 1) {
return 1;
}

请检查并告诉我您的意见。另请参阅如何使用jquery获取querystring值。

相关讨论

我推荐DAR课程作为一个好的插件。我已经用了很长时间了。您还可以使用以下代码。jus把var queryObj = {};放在document.ready之前，把下面的代码放在document.ready的开头。在这段代码之后，您可以对您拥有的任何查询对象使用queryObj["queryObjectName"]。

1
2
3
4
5
6

var querystring = location.search.replace('?', '').split('&');
for (var i = 0; i < querystring.length; i++) {
var name = querystring[i].split('=')[0];
var value = querystring[i].split('=')[1];
queryObj[name] = value;
}

相关讨论

就获取查询对象的大小而言，最短的表达式可能是：

1
2
3

var params = {};
location.search.substr(1).replace(/([^&=]*)=([^&]*)&?/g,
function () { params[decodeURIComponent(arguments[1])] = decodeURIComponent(arguments[2]); });

您可以使用A元素将一个uri从一个字符串解析为它的location类组件(例如，为了去掉#...)：

1
2
3

var a = document.createElement('a');
a.href = url;
// Parse a.search.substr(1)... as above

这里是String原型实现：

1
2
3
4
5
6
7
8
9
10

String.prototype.getParam = function( str ){
str = str.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regex = new RegExp("[\\?&]*"+str+"=([^&#]*)" );
var results = regex.exec( this );
if( results == null ){
return"";
} else {
return results[1];
}
}

示例调用：

1	var status = str.getParam("status")

str可以是查询字符串或url

相关讨论

此函数将根据需要使用递归返回带有任意嵌套值的已分析的javascript对象。

下面是一个JSfiddle示例。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

[
'?a=a',
'&b=a',
'&b=b',
'&c[]=a',
'&c[]=b',
'&d[a]=a',
'&d[a]=x',
'&e[a][]=a',
'&e[a][]=b',
'&f[a][b]=a',
'&f[a][b]=x',
'&g[a][b][]=a',
'&g[a][b][]=b',
'&h=%2B+%25',
'&i[aa=b',
'&i[]=b',
'&j=',
'&k',
'&=l',
'&abc=foo',
'&def=%5Basf%5D',
'&ghi=[j%3Dkl]',
'&xy%3Dz=5',
'&foo=b%3Dar',
'&xy%5Bz=5'
].join('');

给出上述任何测试示例。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

相关讨论

快速、简单和快速：

功能：

1
2
3
4
5
6
7
8

用途：

1	var varRequest = getUrlVar()["theUrlVarName"];

相关讨论

查看此文章或使用此：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

相关讨论

EDOCX1，which is used in other answers，is Brittle and应当避免――For example，it returns empty if some screwsUp and puts a EDOCX1 theocx1 penographic 12 common identifier before the EDOCX1 penographic 13 string.
There are a number of ways urls get automatically escaped in theBrowser，which makes EDOCX1 penographic 14 universal pretty much mandatory，in我的意见。
Many query strings are generatiated from user input，which meansAssumptions about the URL content are very bad.Including very basic有一种感觉，就是说，每一个关键都是独一无二的，甚至有一个价值。

(P)为了解决这一问题，这里是一个配置良好的防预方案投资政策。Note that it can be made half the size if you are willing to hardcode some of the variables，or if the input can never include EDOCX1 silginal 15，etc.(p)(P)版本1：Returns a data object with names and values for each parameter.它的有效性取决于它们和始终尊重从左到右的第一个来源。(p)字母名称(P)版本2：Returns a data map object with two identical length arrays，one for names and one for values，with an index for each parameter.This one supports duplicate names and intentionally does not de-duplicate them，because that is probably why you would want to use this format.(p)字母名称(P)注(p)

相关讨论

这对我不起作用，我想匹配?b作为b参数存在，而不匹配?return作为r参数，这是我的解决方案。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

相关讨论

1
2
3
4
5
6
7

// Parse query string
var params = {}, queryString = location.hash.substring(1),
regex = /([^&=]+)=([^&]*)/g,
m;
while (m = regex.exec(queryString)) {
params[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
}

相关讨论