怎么提取l?username=和?path=的值
时间: 2023-02-12 12:37:44 浏览: 78
你可以使用 JavaScript 的 URL 对象来提取这些值。
首先,使用 `new URL(urlString)` 创建一个 URL 对象,其中 `urlString` 是包含这些查询参数的 URL。然后,使用 `URL.searchParams` 对象来访问 URL 的查询参数。你可以使用 `get(name)` 方法来获取查询参数的值。
例如:
```
const urlString = 'https://example.com/path?username=Bob&path=%2Fhome%2Fbob%2Fdocuments';
const url = new URL(urlString);
const username = url.searchParams.get('username'); // "Bob"
const path = url.searchParams.get('path'); // "/home/bob/documents"
```
你也可以使用 `URLSearchParams` 对象的 `forEach` 方法来遍历所有查询参数,或者使用 `getAll(name)` 方法来获取所有名为 `name` 的查询参数的值。
```
const searchParams = new URLSearchParams(url.search);
searchParams.forEach((value, name) => {
console.log(`${name}: ${value}`);
});
// Output:
// username: Bob
// path: /home/bob/documents
```
```
const values = searchParams.getAll('username'); // ["Bob"]
```
相关推荐
![exe](https://img-home.csdnimg.cn/images/20210720083343.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)