js fetch请求
时间: 2023-11-10 09:04:24 浏览: 143
好的,关于 JS fetch 请求,我可以给你一些简单的介绍。
fetch 是一种新的网络请求 API,它可以替代传统的 XMLHttpRequest 对象。使用 fetch 可以方便地发送 GET、POST 等请求,并且支持 Promise,使用起来更加简洁明了。
下面是一个使用 fetch 发送 GET 请求的例子:
```javascript
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
```
这个例子中,我们向 https://api.example.com/data 发送了一个 GET 请求,并且在获取到响应后将其转换为 JSON 格式并输出到控制台上。
如果需要发送 POST 请求,可以使用 fetch 的第二个参数来指定请求的方法、请求头和请求体等信息。例如:
```javascript
fetch('https://api.example.com/data', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'John',
age: 30
})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
```
这个例子中,我们向 https://api.example.com/data 发送了一个 POST 请求,并且在请求头中指定了 Content-Type 为 application/json,请求体中包含了一个 JSON 对象。
阅读全文