从 URL Jquery 获取参数

在使用 Javascript 或 Jquery 时，有时需要从 URL 中获取参数来进行相应的处理。这个过程比较简单，可以使用参数对象（URLSearchParams）和正则表达式来实现。下面将详细介绍这两种方法。

使用参数对象（URLSearchParams）

参数对象（URLSearchParams）是一个允许解析和操作 URL 查询字符串的接口。使用这个对象，可以轻松地获取 URL 中的参数，而不必自己编写代码解析字符串。

以下是使用参数对象获取参数的示例代码（假设 URL 为：https://example.com?name=John&age=35）：

var searchParams = new URLSearchParams(window.location.search);
var name = searchParams.get('name'); // 获取'name'参数的值，即'John'
var age = searchParams.get('age'); // 获取'age'参数的值，即'35'

从示例代码中可以看出，首先需要创建一个新的参数对象，然后使用 get() 方法获取指定参数的值。也可以使用 getAll() 方法获取所有值。例如：

var searchParams = new URLSearchParams(window.location.search);
var params = searchParams.getAll('name'); // 获取'name'参数的所有值，即['John']

使用正则表达式

如果不想使用参数对象，可以使用正则表达式来获取参数。以下是使用正则表达式获取参数的示例代码（假设 URL 为：https://example.com?name=John&age=35）：

var regex = /[?&]([^=#]+)=([^&#]*)/g;
var url = window.location.href;
var match;
while ((match = regex.exec(url)) !== null) {
  console.log(match[1]); // 输出参数名，即'name'和'age'
  console.log(match[2]); // 输出参数值，即'John'和'35'
}

代码中使用了一个正则表达式，通过 exec() 方法找到所有匹配的参数。如果找到了匹配项，则可以使用 match[1] 和 match[2] 获得参数名和参数值。

值得注意的是，如果 URL 中的参数值包含了特殊字符（例如空格和斜杠），则使用参数对象可能更加方便和安全。因为参数对象会自动对这些特殊字符进行转义。