js在url中获取参数
时间: 2024-11-09 16:28:26 浏览: 10
在JavaScript中获取请求的URL参数
在JavaScript中,从URL中获取参数通常通过`URLSearchParams`对象或者字符串解析的方式来进行。这里有两个常用的方法:
1. **使用`URLSearchParams`**:
首先,你需要创建一个`URLSearchParams`对象,然后给URL传递进去。例如,如果你有一个这样的URL `https://example.com/?name=John&age=30`:
```javascript
const url = new URL(window.location.href);
const searchParams = url.searchParams;
const name = searchParams.get('name'); // "John"
const age = searchParams.get('age'); // "30"
```
2. **手动解析查询字符串**:
如果URL是一个简单的查询字符串(如 "?param=value"),你可以直接从`?`之后的部分开始分割,每对键值对用`&`连接:
```javascript
function getQueryParams(url) {
return url.split('?')[1]
.split('&')
.reduce((params, keyValue) => {
const [key, value] = keyValue.split('=');
params[key] = decodeURIComponent(value); // 解码URL编码的值
return params;
}, {});
}
const params = getQueryParams(window.location.href);
```
这里假设URL没有编码复杂的问题。
阅读全文