在js中如何获取Query String Parameter
时间: 2024-03-02 11:54:38 浏览: 153
可以使用 JavaScript 中的 `URLSearchParams` 类来获取 Query String 参数。这个类提供了一些方法来获取和操作 Query String 中的参数和值。例如,假设你的 URL 如下所示:
```
http://example.com/page?param1=value1¶m2=value2
```
你可以使用以下代码片段来获取 `param1` 和 `param2` 参数的值:
```javascript
const params = new URLSearchParams(window.location.search);
const param1 = params.get('param1');
const param2 = params.get('param2');
console.log(param1, param2); // 输出:value1 value2
```
这里,我们首先创建了一个 `URLSearchParams` 对象,然后使用 `get` 方法获取指定参数的值。如果参数不存在,`get` 将返回 `null`。你也可以使用 `has` 方法来检查是否存在某个参数:
```javascript
if (params.has('param1')) {
console.log('param1 存在');
}
```
除了 `get` 和 `has` 方法之外,`URLSearchParams` 还提供了一些其他方法,例如 `append`、`delete`、`entries`、`forEach` 等等。你可以在 MDN 文档中查看完整的 API 参考。
阅读全文