以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"}

这是一种只检查一个参数的简单方法：

示例URL:

http://myserver/action?myParam=2

Javascript示例：

var myParam = location.search.split('myParam=')[1]

如果URL中存在“myParam”。。。变量myParam将包含“2”，否则将未定义。

在这种情况下，可能需要一个默认值：

var myParam = location.search.split('myParam=')[1] ? location.search.split('myParam=')[1] : 'myDefaultValue';

更新：这更有效：

var url = "http://www.example.com/index.php?myParam=384&login=admin"; // or window.location.href for current url
var captured = /myParam=([^&]+)/.exec(url)[1]; // Value is in [1] ('384' in our case)
var result = captured ? captured : 'myDefaultValue';

即使URL中充满了参数，它也能正常工作。

对于像index.html这样的单参数值？msg=1使用以下代码，

$(window).load(function(){
    queryString();
});

function queryString()
{
    var queryString = window.location.search.substring(1);
    var varArray = queryString.split("="); //eg. index.html?msg=1

    var param1 = varArray[0];
    var param2 = varArray[1];

}

对于所有参数值，请使用以下代码：，

$(window).load(function(){
    queryString();
});

function queryString()
{
    var queryString = window.location.search;
    var varArray = queryString.split("&");
    for (var i=0;i<varArray.length;i++) {
      var param = varArray[i].split("=");
        //parameter-value pair
    }
} 

简化版，已测试

function get(name){
    var r = /[?&]([^=#]+)=([^&#]*)/g,p={},match;
    while(match = r.exec(window.location)) p[match[1]] = match[2];
    return p[name];
}

用法：

var parameter=获取['parameter']

优雅、实用的解决方案

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

使用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}'）；