fetch怎么发送post请求,并携带参数
时间: 2024-04-07 13:28:25 浏览: 105
在JavaScript中,可以使用fetch方法发送POST请求并携带参数。下面是一个例子:
```javascript
fetch('http://example.com/api/endpoint', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
param1: 'value1',
param2: 'value2'
})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
```
在这个例子中,我们使用fetch方法发送了一个POST请求到`http://example.com/api/endpoint`这个URL,同时携带了两个参数`param1`和`param2`,它们的值分别是`value1`和`value2`。请求的消息头中设置了`Content-Type`为`application/json`,表示请求体中的数据是JSON格式的。请求体中的数据使用`JSON.stringify()`方法将参数对象转换为JSON字符串。
如果请求成功,服务器会返回一个响应,我们使用`response.json()`方法将响应的JSON数据解析为JavaScript对象。最后,我们将解析后的数据打印到控制台上。如果请求失败,则会执行`catch`块中的代码,打印错误信息到控制台上。
需要注意的是,fetch方法返回的是一个Promise对象,因此我们可以使用`then`方法来处理成功的响应,使用`catch`方法来处理请求失败的情况。
阅读全文