可能重复:
在JavaScript中使用url的get参数
如何在JavaScript中获取查询字符串值?
在Javascript中,如何获取URL字符串(而不是当前URL)的参数?
如:
www.domain.com/?v=123&p=hello
我能在JSON对象中获得“v”和“p”吗?
今天(这个答案2.5年后),您可以安全地使用array.foreach
。 正如@RicosRealm所建议的,在这个函数中使用了DecodeUricComponent
。
function getJsonFromUrl(url) {
if(!url) url = location.search;
var query = url.substr(1);
var result = {};
query.split("&").forEach(function(part) {
var item = part.split("=");
result[item[0]] = decodeURIComponent(item[1]);
});
return result;
}
其实没那么简单,看同行评议中的评论,特别是:
=
(@andrewf)+
(由我添加)有关更多详细信息,请参阅MDN文章和RFC3986。
也许这应该转到codereview SE,但这里有更安全且无正则表达式的代码:
function getJsonFromUrl(url) {
if(!url) url = location.href;
var question = url.indexOf("?");
var hash = url.indexOf("#");
if(hash==-1 && question==-1) return {};
if(hash==-1) hash = url.length;
var query = question==-1 || hash==question+1 ? url.substring(hash) :
url.substring(question+1,hash);
var result = {};
query.split("&").forEach(function(part) {
if(!part) return;
part = part.split("+").join(" "); // replace every + with space, regexp-free version
var eq = part.indexOf("=");
var key = eq>-1 ? part.substr(0,eq) : part;
var val = eq>-1 ? decodeURIComponent(part.substr(eq+1)) : "";
var from = key.indexOf("[");
if(from==-1) result[decodeURIComponent(key)] = val;
else {
var to = key.indexOf("]",from);
var index = decodeURIComponent(key.substring(from+1,to));
key = decodeURIComponent(key.substring(0,from));
if(!result[key]) result[key] = [];
if(!index) result[key].push(val);
else result[key][index] = val;
}
});
return result;
}
这个函数甚至可以解析像这样的URL
var url = "?foo%20e[]=a%20a&foo+e[%5Bx%5D]=b&foo e[]=c";
// {"foo e": ["a a", "c", "[x]":"b"]}
var obj = getJsonFromUrl(url)["foo e"];
for(var key in obj) { // Array.forEach would skip string keys here
console.log(key,":",obj[key]);
}
/*
0 : a a
1 : c
[x] : b
*/
您可以获得一个包含如下参数的JavaScript对象:
var regex = /[?&]([^=#]+)=([^&#]*)/g,
url = window.location.href,
params = {},
match;
while(match = regex.exec(url)) {
params[match[1]] = match[2];
}
正则表达式很可能会得到改进。 它只是查找由=
字符分隔的名称-值对,以及由&
字符分隔的对本身(或第一个为=
字符)。 对于您的示例,上述结果将是:
{v:“123”,p:“Hello”}
下面是一个工作示例。
var v = window.location.getParameter('v');
var p = window.location.getParameter('p');
现在v和p是分别包含123和hello的对象