如何轻松地从 JavaScript 查询字符串中提取键值对？

JavaScript 查询字符串

Web 开发中使用的常见技术是通过查询字符串传递数据。这在 ASP.NET 中经常遇到，它被表示为字典结构。许多开发人员可能会在 JavaScript 中寻求类似的解决方案。

提取键值对

要实现这一点，可以利用 location.search 属性，它捕获该部分问号 (?) 后面的 URL。此属性中包含键值对。

自定义函数

如果没有专门为此目的设计的预构建 JavaScript 库，则可以创建自定义函数:

function getQueryString() {
  var result = {}, queryString = location.search.slice(1),
      re = /([^&;=]+)=([^&;]*)/g, m;

  while (m = re.exec(queryString)) {
    result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
  }

  return result;
}

使用此函数，您可以通过以下方式轻松访问查询字符串参数调用：

var myParam = getQueryString()["myParam"];

命名约定

在 ASP.NET 之外，术语“查询字符串”更常用于表示整个键值对字符串在问号后面。各个键值对称为参数、参数或查询字符串参数。

浏览器实现

不幸的是，location.search 属性本身并不提供查询字符串的键值集合或结构化对象表示。这就是为什么开发人员经常求助于自定义函数或外部库的原因。

以上是如何轻松地从 JavaScript 查询字符串中提取键值对？的详细内容。更多信息请关注PHP中文网其他相关文章！