我有一个带有一些GET参数的URL，如下所示：
www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5
我需要得到c的全部值。我试图读取URL，但只得到m2。如何使用JavaScript执行此操作？
当前回答
使用URLSearchParams的超简单方法。
function getParam(param){
return new URLSearchParams(window.location.search).get(param);
}
目前，Chrome、Firefox、Safari、Edge和其他浏览器都支持它。
其他回答
使用replace（）方法的最简单方法：
从urlStr字符串：
paramVal = urlStr.replace(/.*param_name=([^&]*).*|(.*)/, '$1');
或从当前URL：
paramVal = document.URL.replace(/.*param_name=([^&]*).*|(.*)/, '$1');
说明：
document.URL-接口以字符串形式返回文档位置（页面URL）。replace（）-方法返回一个新字符串，其中模式的部分或全部匹配项由替换项替换。/.*param_name=（[^&]*）.*/-括在斜杠之间的正则表达式模式，表示：.*-零个或多个字符，param_name=-已搜索的param名称，正则表达式中的（）-组，[^&]*-一个或多个字符，不包括&，|-交替，$1-对正则表达式中第一个组的引用。
var urlStr='www.test.com/t.html？a=1&b=3&c=m2-m3-m4-m5’；var c=urlStr.replace（/.*c=（[^&]*）.*|（.*）/，'$1'）；var notExisted=urlStr.replace（/.*not_existed=（[^&]*）.*|（.*）/，'$1'）；console.log（`c==='${c}'）；console.log（`notExisted=='${notExisted}'）；
优雅、实用的解决方案
让我们创建一个包含URL参数名作为关键字的对象，然后我们可以通过其名称轻松提取参数：
// URL: https://example.com/?test=true&orderId=9381
// Build an object containing key-value pairs
export const queryStringParams = window.location.search
.split('?')[1]
.split('&')
.map(keyValue => keyValue.split('='))
.reduce<QueryStringParams>((params, [key, value]) => {
params[key] = value;
return params;
}, {});
type QueryStringParams = {
[key: string]: string;
};
// Return URL parameter called "orderId"
return queryStringParams.orderId;
我见过的大多数实现都错过了URL对名称和值的解码。
下面是一个通用的实用程序函数，它也可以进行正确的URL解码：
function getQueryParams(qs) {
qs = qs.split('+').join(' ');
var params = {},
tokens,
re = /[?&]?([^=]+)=([^&]*)/g;
while (tokens = re.exec(qs)) {
params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
}
return params;
}
//var query = getQueryParams(document.location.search);
//alert(query.foo);
我一次又一次遇到同样的问题。现在这里的许多用户现在我以我的HAX工作而闻名，
所以我用以下方法来解决：
PHP:
echo "<p style="display:none" id=\"hidden-GET\">".$_GET['id']."</p>";
JS:
document.getElementById("hidden-GET").innerHTML;
简单的HAX但有效。
从许多答案中学习（如VaMoose的、Gnarf的或Blixt的）。
您可以创建一个对象（或使用Location对象）并添加一个方法，该方法允许您获取URL参数，解码后使用JS样式：
Url = {
params: undefined,
get get(){
if(!this.params){
var vars = {};
if(url.length!==0)
url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value){
key=decodeURIComponent(key);
if(typeof vars[key]==="undefined") {
vars[key]= decodeURIComponent(value);
}
else {
vars[key]= [].concat(vars[key], decodeURIComponent(value));
}
});
this.params = vars;
}
return this.params;
}
};
这允许只使用Url.get调用该方法。
第一次它将从url中获取对象，下次它将加载保存的对象。
实例
在url中，如？param1=param1Value¶m2=param2Value¶m1=param1Value2，参数的获取方式如下：
Url.get.param1 //["param1Value","param1Value2"]
Url.get.param2 //"param2Value"
