js 获取请求参数

// 获取 URL 中的请求参数并解析为对象

function getQueryParams() {
  // 获取 URL 中的查询字符串部分（从 ? 开始）
  const queryString = window.location.search;

  // 创建一个 URLSearchParams 对象来解析查询字符串
  const urlParams = new URLSearchParams(queryString);

  // 创建一个空对象用于存储参数
  const params = {};

  // 遍历所有的参数并添加到对象中
  for (const [key, value] of urlParams.entries()) {
    params[key] = value;
  }

  return params;
}

// 示例：假设当前页面 URL 是 http://example.com/?name=John&age=30
// 调用 getQueryParams() 将返回 { name: "John", age: "30" }
console.log(getQueryParams());

解释说明：

1. window.location.search：获取当前页面 URL 中的查询字符串部分，例如 ?name=John&age=30。
2. URLSearchParams：这是一个内置的 JavaScript 对象，专门用于解析查询字符串。它提供了方便的方法来处理 URL 参数。
3. 遍历参数：通过 urlParams.entries() 方法可以遍历所有参数，并将它们存入一个对象中，方便后续使用。
4. 返回结果：最终返回一个包含所有请求参数的对象。

这样你就可以轻松地获取并使用 URL 中的请求参数了。