如何在JavaScript中获取“ GET”请求参数？

如何从JavaScript请求中获取“ GET”变量？

是jQuery还是YUI！内置此功能吗？

所有数据均在

window.location.search

您必须解析字符串，例如。

function get(name){
   if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search))
      return decodeURIComponent(name[1]);
}

只需以GET变量名作为参数调用该函数，例如。

get('foo');

如果变量没有值或不存在，则此函数将返回变量value或undefined

您可以使用jquery.url我这样做的方式：

var xyz = jQuery.url.param("param_in_url");

检查源代码

更新源：https : //github.com/allmarkedup/jQuery-URL-Parser

如果您想要一个包含所有请求的对象，请放两美分

function getRequests() {
    var s1 = location.search.substring(1, location.search.length).split('&'),
        r = {}, s2, i;
    for (i = 0; i < s1.length; i += 1) {
        s2 = s1[i].split('=');
        r[decodeURIComponent(s2[0]).toLowerCase()] = decodeURIComponent(s2[1]);
    }
    return r;
};

var QueryString = getRequests();

//if url === "index.html?test1=t1&test2=t2&test3=t3"
console.log(QueryString["test1"]); //logs t1
console.log(QueryString["test2"]); //logs t2
console.log(QueryString["test3"]); //logs t3

注意，每个获取参数的键设置为小写。因此，我做了一个助手功能。因此，现在不区分大小写。

function Request(name){
    return QueryString[name.toLowerCase()];
}

试试下面的代码，它将帮助您从url获取GET参数。 更多细节。

 var url_string = window.location.href; // www.test.com?filename=test
    var url = new URL(url_string);
    var paramValue = url.searchParams.get("filename");
    alert(paramValue)

您可以使用URL来获取GET变量。特别是，window.location.search在“？”之后（包括）添加所有内容。您可以在此处阅读有关window.location的更多信息。

今天，我需要得到该页面的请求参数到一个关联数组，所以我总结了以下，有一点点帮助，从我的 朋友。它也处理参数而不带=astrue。

举一个例子：

// URL: http://www.example.com/test.php?abc=123&def&xyz=&something%20else

var _GET = (function() {
    var _get = {};
    var re = /[?&]([^=&]+)(=?)([^&]*)/g;
    while (m = re.exec(location.search))
        _get[decodeURIComponent(m[1])] = (m[2] == '=' ? decodeURIComponent(m[3]) : true);
    return _get;
})();

console.log(_GET);
> Object {abc: "123", def: true, xyz: "", something else: true}
console.log(_GET['something else']);
> true
console.log(_GET.abc);
> 123

您可以解析当前页面的URL以获得GET参数。可以使用找到URL location.href。

如果您已经使用jquery，则可以使用一个jquery插件来处理此问题：

http://plugins.jquery.com/project/query-object

简化地图的解决方案：

var urlParams = location.search.split(/[?&]/).slice(1).map(function(paramPair) {
        return paramPair.split(/=(.+)?/).slice(0, 2);
    }).reduce(function (obj, pairArray) {            
        obj[pairArray[0]] = pairArray[1];
        return obj;
    }, {});

用法：

For url: http://example.com?one=1&two=2
console.log(urlParams.one) // 1
console.log(urlParams.two) // 2

与其他答案不同，该UrlSearchParams对象可以避免使用正则表达式或其他字符串操作，并且在大多数现代浏览器中都可以使用：

var queryString = location.search
let params = new URLSearchParams(queryString)
// example of retrieving 'id' parameter
let id = parseInt(params.get("id"))
console.log(id)

这里的函数按名称返回参数。进行很小的更改，您就可以返回基本url，参数或锚点。

function getUrlParameter(name) {
    var urlOld          = window.location.href.split('?');
    urlOld[1]           = urlOld[1] || '';
    var urlBase         = urlOld[0];
    var urlQuery        = urlOld[1].split('#');
    urlQuery[1]         = urlQuery[1] || '';
    var parametersString = urlQuery[0].split('&');
    if (parametersString.length === 1 && parametersString[0] === '') {
        parametersString = [];
    }
    // console.log(parametersString);
    var anchor          = urlQuery[1] || '';

    var urlParameters = {};
    jQuery.each(parametersString, function (idx, parameterString) {
        paramName   = parameterString.split('=')[0];
        paramValue  = parameterString.split('=')[1];
        urlParameters[paramName] = paramValue;
    });
    return urlParameters[name];
}

为我工作

网址：http：// localhost：8080 /＃/？access_token = 111

function get(name){
  const parts = window.location.href.split('?');
  if (parts.length > 1) {
    name = encodeURIComponent(name);
    const params = parts[1].split('&');
    const found = params.filter(el => (el.split('=')[0] === name) && el);
    if (found.length) return decodeURIComponent(found[0].split('=')[1]);
  }
}