fetch发送post query请求
时间: 2023-08-31 16:03:36 浏览: 131
fetch是一种用于发送网络请求的API,可以通过fetch发送POST请求。POST请求是一种向服务器提交数据的HTTP请求方法。在fetch中发送POST请求,可以使用第二个参数来配置请求的方法、头部信息和请求体。
首先,我们需要创建一个包含请求信息的对象。例如,我们可以创建一个对象包含URL、请求头、请求方法和请求体等。然后,将这个对象作为参数传递给fetch函数。
```javascript
const url = 'https://api.example.com/post';
const data = {
username: 'example',
password: 'password'
};
const options = {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
};
fetch(url, options)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.log(error));
```
在上面的示例中,我们定义了一个URL,并且创建了一个options对象。这个对象中,我们将请求方法设为POST,设置了请求头的Content-Type为application/json,并通过JSON.stringify将data对象转换为JSON字符串后,作为请求体发送给服务器。
然后,我们使用fetch函数发送POST请求,并且通过.then方法处理响应数据。在这个例子中,我们将响应数据解析为JSON格式,并将其输出到控制台。如果请求失败,我们通过.catch方法捕获错误并输出到控制台。
这就是使用fetch发送POST请求的基本过程。通过这种方式,我们可以向服务器发送带有请求体的POST请求,并且可以通过.then方法处理响应数据。
阅读全文