使用 JS 获取 URL 参数 [重复]

Posted

技术标签:

【中文标题】使用 JS 获取 URL 参数 [重复]【英文标题】:Get URL Params with JS [duplicate] 【发布时间】:2014-09-16 13:19:05 【问题描述】:

抱歉,我是新手,请耐心等待。

javascript中,如何获取问号后面的url内容?

所以在这个网址中:

http://www.example.com/index.html#anchor?param1=value1&param2=value2

我想要一个值数组:

'param1' : 'value1', 'param2' : 'value2'

在 javascript 中有这样的功能吗?

【问题讨论】:

你必须自己写。没有内置任何东西。我很无聊,所以前几天我写了这个gist.github.com/rlemon/c627d5bd6d9a72d1cdd9(未经测试,可能可以做很多改进) 【参考方案1】:

你可以这样做:

var parameters = window.location.search
    .substring(1)
    .split(/&/)
    .reduce(function(parameters, element) 
        var keyValuePair = element.split(/=/);
        parameters[keyValuePair[0]] = keyValuePair[1];

        return parameters;
    , );

现在parameters 将包含由参数名称键入的参数值的映射。

【讨论】:

谢谢你,这工作得很好。我会在几分钟内接受你的回答 - SE 说我不能再等 8 分钟。 @user3799837 别担心。

以上是关于使用 JS 获取 URL 参数 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

重复参数通过 node.js express 或 vue 路由器获取数组

使用Jquery获取URL参数[重复]

使用节点js从url中获取变量[重复]

从JSP中的URL获取参数[重复]

express 无法从 url 获取查询参数 [重复]

Django / JS:通过url从.js文件传递参数到django视图[重复]