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

  • Z时代
  • 2024-01-10
  • 分类：问答

是否有通过jQuery（或不通过jQuery）检索[查询字符串]值的无插件方法？

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

回答：

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

const myParam = urlParams.get(‘myParam’);

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

function getParameterByName(name, url) {
    if (!url) 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）。对此没有标准，用法也有所不同

以上是 如何获取JavaScript中的查询字符串值？ 的全部内容， 来源链接： utcz.com/qa/414711.html

回到顶部