考虑:
http://example.com/page.html?returnurl=%2Fadmin
对于page.html内的js，它如何检索GET参数?
对于上面的简单例子，func('returnurl')应该是/admin。
但它也应该适用于复杂的查询字符串…
当前回答
用窗户。位置的对象。这段代码提供了不带问号的GET。
window.location.search.substr(1)
在您的示例中，它将返回returnurl=%2Fadmin
编辑:我擅自改变了Qwerty的答案，这真的很好，正如他指出的那样，我完全按照OP的要求做了:
function findGetParameter(parameterName) {
var result = null,
tmp = [];
location.search
.substr(1)
.split("&")
.forEach(function (item) {
tmp = item.split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
});
return result;
}
我从他的代码中删除了重复的函数执行，替换为一个变量(tmp)，还添加了decodeURIComponent，完全符合OP的要求。我不确定这是不是安全问题。
或者使用普通的for循环，即使在IE8中也能工作:
function findGetParameter(parameterName) {
var result = null,
tmp = [];
var items = location.search.substr(1).split("&");
for (var index = 0; index < items.length; index++) {
tmp = items[index].split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
}
return result;
}
其他回答
获取JSON对象的参数:
console.log(getUrlParameters())
function getUrlParameters() {
var out = {};
var str = window.location.search.replace("?", "");
var subs = str.split(`&`).map((si)=>{var keyVal = si.split(`=`); out[keyVal[0]]=keyVal[1];});
return out
}
用窗户。位置的对象。这段代码提供了不带问号的GET。
window.location.search.substr(1)
在您的示例中，它将返回returnurl=%2Fadmin
编辑:我擅自改变了Qwerty的答案，这真的很好，正如他指出的那样，我完全按照OP的要求做了:
function findGetParameter(parameterName) {
var result = null,
tmp = [];
location.search
.substr(1)
.split("&")
.forEach(function (item) {
tmp = item.split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
});
return result;
}
我从他的代码中删除了重复的函数执行，替换为一个变量(tmp)，还添加了decodeURIComponent，完全符合OP的要求。我不确定这是不是安全问题。
或者使用普通的for循环，即使在IE8中也能工作:
function findGetParameter(parameterName) {
var result = null,
tmp = [];
var items = location.search.substr(1).split("&");
for (var index = 0; index < items.length; index++) {
tmp = items[index].split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
}
return result;
}
dr解决方案在一行代码上使用普通JavaScript
var queryDict = {}
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]})
这是最简单的解决方案。不幸的是，它不能处理多值键和编码字符。
"?a=1&a=%2Fadmin&b=2&c=3&d&e"
> queryDict
a: "%2Fadmin" // Overridden with the last value, not decoded.
b: "2"
c: "3"
d: undefined
e: undefined
多值键和编码字符?
请参阅如何在JavaScript中获得查询字符串值的原始答案。
"?a=1&b=2&c=3&d&e&a=5&a=t%20e%20x%20t&e=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dståle%26car%3Dsaab&a=%2Fadmin"
> queryDict
a: ["1", "5", "t e x t", "/admin"]
b: ["2"]
c: ["3"]
d: [undefined]
e: [undefined, "http://w3schools.com/my test.asp?name=ståle&car=saab"]
在你的例子中，你可以像这样访问这个值:
"?returnurl=%2Fadmin"
> qd.returnurl // ["/admin"]
> qd['returnurl'] // ["/admin"]
> qd.returnurl[0] // "/admin"
这个函数使用正则表达式，如果参数不存在或没有任何值，则返回null:
function getQuery(q) {
return (window.location.search.match(new RegExp('[?&]' + q + '=([^&]+)')) || [, null])[1];
}
var getQueryParam = function(param) {
var found;
window.location.search.substr(1).split("&").forEach(function(item) {
if (param == item.split("=")[0]) {
found = item.split("=")[1];
}
});
return found;
};
