JS获取GET参数

封面图 • 2025-10-19 • JavaScript

在 JavaScript 中，可以通过 `window.location.search` 获取 URL 中的 GET 参数，然后进行解析。下面是一个常见的方法：

---

### ✅ 方法一：使用 `URLSearchParams`

```javascript
// 获取当前 URL 的查询字符串部分（例如："?id=123&name=John"）
const search = window.location.search;

// 创建 URLSearchParams 对象
const params = new URLSearchParams(search);

// 获取某个参数的值
const id = params.get('id');   // 如果 URL 是 ?id=123，则返回 "123"
const name = params.get('name'); // 如果 URL 是 ?name=John，则返回 "John"

console.log(id, name);
```

---

### ✅ 方法二：手动解析

如果你不想使用 `URLSearchParams`，也可以手动解析：

```javascript
function getGETParams() {
  const params = {};
  const search = window.location.search.substring(1); // 去掉开头的 "?"
  const pairs = search.split('&');

for (let pair of pairs) {
    const [key, value] = pair.split('=');
    params[key] = decodeURIComponent(value || '');
  }

return params;
}

const params = getGETParams();
console.log(params.id, params.name);
```

---

### ✅ 示例 URL

假设当前页面 URL 是：

```
https://example.com/page.html?id=123&name=John%20Doe
```

那么上面的方法会得到：

- `id = "123"`
- `name = "John Doe"`

---

### 📌 注意事项

- `decodeURIComponent()` 用于解码 URL 编码的内容（如 `%20` 变成空格）。
- 如果参数不存在，`params.get('key')` 会返回 `null`。

---

如果你需要从一个字符串中提取 GET 参数（而不是当前 URL），也可以用同样的方法：

```javascript
const url = 'https://example.com/page.html?id=123&name=John';
const search = url.split('?')[1];
const params = new URLSearchParams(search);
```

---

如有其他需求（比如处理哈希中的参数 `#`），也可以告诉我，我可以提供更详细的解决方案。