fetch如何调用接口

怕冷的火焰（~杰）

已于 2024-05-14 11:57:11 修改

阅读量676

点赞数

分类专栏： Fetch 文章标签：前端

于 2023-09-19 10:10:12 首次发布

本文链接：https://blog.csdn.net/weixin_50236973/article/details/133015910

版权

Fetch 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在使用fetch进行POST请求时，可以通过设置headers的Content-Type为application/x-www-form-urlencoded来指定contentType为form。

以下是一个示例代码：

```javascript
const formData = new FormData();
formData.append('param1', 'value1');
formData.append('param2', 'value2');

fetch('http://example.com/api', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: new URLSearchParams(formData)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));
```

在上面的示例中，我们创建了一个FormData对象，并使用append方法添加了两个参数param1和param2。然后通过new URLSearchParams(formData)将FormData对象转换为URLSearchParams对象，作为fetch请求的body参数。

注意，使用URLSearchParams对象作为body参数时，fetch会自动将其编码为application/x-www-form-urlencoded格式的数据。