以json形式从window.location中的搜索对象中提取所有url参数

export const getURLParams = location => {
    const searchParams = new URLSearchParams(location.search)
    const params = {}

    for (let key of searchParams.keys()) {
        params[key] = searchParams.get(key)
    }

    return params
}

console.log(getURLParams({ search: '?query=someting&anotherquery=anotherthing' }))

// --> {query: "someting", anotherquery: "anotherthing"}

我使用parseUri库。它允许您完全按照您的要求进行操作：

var uri = 'www.test.com/t.html&a=1&b=3&c=m2-m3-m4-m5';
var c = uri.queryKey['c'];
// c = 'm2-m3-m4-m5'

JavaScript本身没有内置处理查询字符串参数的功能。

在（现代）浏览器中运行的代码可以使用URL对象（Web API）。URL也由Node.js实现：

//如果您想使用，可以从window.location.href获取url_string//当前页面的URLvar url_string=“http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5“；var url=新url（url_string）；var c=url.searchParams.get（“c”）；控制台日志（c）；

对于较旧的浏览器（包括Internet Explorer），可以使用此polyfill。

您还可以对URLSearchParams使用一个，并提取查询字符串，以通过window.location.search.substring（1）传递给它。

您也可以使用URL之前的原始版本的代码。上面的polyfill是健壮的，经过了很好的测试，但我强烈建议使用它。

您可以访问location.search，这将从中提供给您？在URL末尾或片段标识符（#foo）的开头（以先到者为准）添加一个字符。

然后，您可以使用以下命令解析它：

函数parse_query_string（查询）{var vars=查询.split（“&”）；var query_string=｛｝；对于（var i=0；i<vars.length；i++）{var pair=vars[i].split（“=”）；var key=解码URIComponent（pair.shift（））；var value=decodeURIComponent（pair.join（“=”））；//如果第一个条目具有此名称if（query_string[key]类型==“未定义”）{query_string[key]=值；//如果第二个条目具有此名称}否则如果（query_string[key]类型==“string”）{var arr=[query_string[key]，value]；query_string[key]=arr；//如果使用此名称的第三个或更高版本条目}其他{query_string[key].push（值）；}}返回query_string；}var query_string=“a=1&b=3&c=m2-m3-m4-5”；var parsed_qs=parse_query_string（query_string）；控制台日志（parsed_qs.c）；

您可以通过以下方式从当前页面的URL获取查询字符串：

var query = window.location.search.substring(1);
var qs = parse_query_string(query);

    function gup() {
    var qs = document.location.search;
    qs = qs.split('+').join(' ');
    var params = {}, tokens, re = /[?&]?([^=]+)=([^&]*)/g;
    while (tokens = re.exec(qs))
        params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
    return params;
}

像这样使用

var params = gup()

然后

params.param1
params.param2

ECMAScript 6解决方案：

var params = window.location.search
  .substring(1)
  .split("&")
  .map(v => v.split("="))
  .reduce((map, [key, value]) => map.set(key, decodeURIComponent(value)), new Map())

优雅、实用的解决方案

让我们创建一个包含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;