javascript - 如何获取JavaScript中的查询字符串值？

This question's answers are a community effort。编辑现有答案以改善此职位。它目前不接受新的答案或互动。








是否有通过jQuery(或不通过jQuery)检索query string值的无插件方法？

如果是这样，怎么办？如果没有，是否有可以这样做的插件？

最佳答案

更新:2018年9月
您可以使用简单且具有URLSearchParams的decent (but not complete) browser support。

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');

原始
为此，您不需要jQuery。您可以只使用一些纯JavaScript:

function getParameterByName(name, url = window.location.href) {
    name = name.replace(/[\[\]]/g, '\\$&');
    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

用法:

// query string: ?foo=lorem&bar=&baz
var foo = getParameterByName('foo'); // "lorem"
var bar = getParameterByName('bar'); // "" (present with empty value)
var baz = getParameterByName('baz'); // "" (present with no value)
var qux = getParameterByName('qux'); // null (absent)

注意:如果一个参数多次出现(?foo=lorem&foo=ipsum)，您将获得第一个值(lorem)。对此没有标准，用法也有所不同，例如参见以下问题:Authoritative position of duplicate HTTP GET query keys。
注意:该功能区分大小写。如果您希望使用不区分大小写的参数名称，请使用add 'i' modifier to RegExp

这是基于新URLSearchParams specs的更新，目的是更简洁地达到相同的结果。请参阅下面标题为“URLSearchParams”的答案。