JS 从 URL 获取键值 - Javascript

在 Javascript 中，我们通常需要从 URL 中获取参数来进行各种操作。下面是通过 JS 从 URL 获取键值的方法。

获取 URL 中的参数

我们可以使用 window.location.search 来获取 URL 中的参数。如果 URL 中没有参数，则返回一个空字符串。

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

上面的代码通过 URLSearchParams 对象构造函数创建一个包含 URL 中所有参数的对象。

获取键值

我们可以使用 get 方法获取指定键名的值。

const searchParams = new URLSearchParams(window.location.search);
const value = searchParams.get('key');

上面的代码将返回 URL 中 key 键名所对应的值。如果 URL 中没有 key 参数，则返回 null。

示例代码

下面是一个完整的示例代码，通过在 URL 中传递参数 q 来搜索 Github 上的项目。

const searchParams = new URLSearchParams(window.location.search);
const query = searchParams.get('q');

if (query) {
  const url = `https://api.github.com/search/repositories?q=${query}`;
  fetch(url)
    .then(response => response.json())
    .then(data => console.log(data.items));
} else {
  console.log('Please provide a search query.');
}

上面的代码获取 URL 中 q 键名所对应的值，并将其作为搜索关键词来搜索 Github 上的项目。如果 URL 中没有 q 参数，则输出提示信息。

结论

通过上面的介绍，我们了解了如何使用 JS 从 URL 中获取键值。这是开发过程中非常有用的技能。