JS截取url中问号后面参数的值信息

下面是关于如何截取URL中问号后面参数值信息的完整攻略。

下面是关于如何截取URL中问号后面参数值信息的完整攻略。

1. 获取URL并提取参数

首先，需要在 JavaScript 中获取 URL。

可以使用全局对象 window 中的 location 属性获取当前 URL。比如：

var url = window.location.href;

得到 URL 后，我们需要提取 URL 中的参数。我们可以使用 URLSearchParams 对象来实现这个目标。

const urlSearchParams = new URLSearchParams(url.search);

2. 获取问号后面的参数列表

我们可以使用 get() 方法获取到我们需要的参数。

例如，假设我们需要获取 URL 中的参数 id。

const id = urlSearchParams.get('id');

这样我们就能得到 URL 中 ?id=xxxx 参数信息中的 xxxx。

3. 处理多个参数

如果我们需要获取多个参数，可以结合使用 URLSearchParams 和解构语法来实现。

例如，假设我们需要获取 URL 中的参数 id 和 name。

const {id, name} = Object.fromEntries(urlSearchParams.entries());

这样我们就可以得到 URL 中的多个参数的信息了。

示例

下面是一个完整的示例说明，供你参考：

// 获取当前 URL
const url = window.location.href;

// 使用 URLSearchParams 来解析 URL
const urlSearchParams = new URLSearchParams(url.search);

// 获取 ID 参数
const id = urlSearchParams.get('id');

// 获取 Name 参数
const name = urlSearchParams.get('name');

// 输出结果
console.log('ID:', id);
console.log('Name:', name);

例如，如果 URL 是 http://example.com?a=1&b=2&c=3，那么以上代码的输出结果将会是：

ID: 1
Name: 2

如果 URL 是 http://example.com?id=123&name=john&age=30，那么以上代码的输出结果将会是：

ID: 123
Name: john