前端发送festful带参的get请求
时间: 2024-06-09 12:10:28 浏览: 90
java发送http get请求的两种方法(总结)
在前端发送带参的 GET 请求的时候,可以将参数拼接到 URL 后面,例如:
```javascript
const params = {
name: 'John',
age: 25
};
const queryString = Object.keys(params).map(key => key + '=' + params[key]).join('&');
const url = 'https://example.com/api?' + queryString;
fetch(url)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
在这个例子中,我们先定义了一个 `params` 对象,包含了两个参数 `name` 和 `age`。然后,我们使用 `Object.keys()` 方法获取 `params` 的所有属性名,使用 `Array.prototype.map()` 方法将属性名和属性值拼接成键值对字符串,再使用 `Array.prototype.join()` 方法将所有键值对字符串使用 & 符号连接起来,最后将这个字符串拼接到 URL 后面即可。最后,我们使用 `fetch()` 方法发送 GET 请求,并将返回的 Promise 对象转换为 JSON 格式的数据进行处理。
阅读全文