在 JavaScript 中获取 $_GET

在 Web 开发中，当用户通过 GET 方法提交表单时，浏览器会将表单数据追加在 URL 后面，形成“键值对”的形式，即 $_GET 变量。例如：

http://example.com/index.php?id=123&name=john

在 JavaScript 中获取 $_GET 变量很常见，本文将介绍几种方法。

方法一：使用正则表达式

可以使用正则表达式匹配 URL 中的参数，例如：

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, ' '));
}

使用该函数获取 id 参数：

var id = getParameterByName('id');

方法二：使用 URLSearchParams

在现代浏览器中，可以使用 URLSearchParams 对象来方便地获取 URL 中的参数，例如：

var searchParams = new URLSearchParams(window.location.search);
var id = searchParams.get('id');

方法三：使用 jQuery

如果你在项目中使用了 jQuery，那么可以使用它提供的 param 方法来获取 URL 中的参数，例如：

var id = $.param({'id'})['id'];

总结

本文介绍了三种在 JavaScript 中获取 $_GET 变量的方法。如果没有 jQuery，建议使用方法一或方法二，在现代浏览器中都可以运行。如果已经使用了 jQuery，则可以选择方法三，更加方便快捷。