fetch api用法
时间: 2023-08-25 20:34:34 浏览: 39
Fetch API 是浏览器内置的用于发送 HTTP 请求的 API,可以用于发送 HTTP 请求并获取响应数据。使用 Fetch API 可以轻松地发送 HTTP 请求,并且具有以下优点:
- 语法简单易懂,易于使用。
- 与 Promise 结合使用,可以实现更加优雅的异步编程。
- 支持流式请求和响应,可以处理大量数据。
- 支持 CORS 和 HTTP/2 等现代特性。
Fetch API 由全局的 fetch() 方法和 Response、Request、Headers 等对象组成。其中,fetch() 方法用于发送 HTTP 请求,返回一个 Promise 对象,可以对响应进行处理。示例代码如下:
```javascript
fetch(url, options)
.then(response => {
// 对响应进行处理
})
.catch(error => {
// 处理错误
});
```
其中,url 参数指定请求的 URL,options 参数是一个可选的配置对象,用于指定请求的方法、头部、请求体等信息。fetch() 方法返回一个 Promise 对象,可以使用 then() 方法对响应进行处理,使用 catch() 方法处理错误。
在对响应进行处理时,可以使用 Response 对象提供的方法和属性,例如:
- ok:响应是否成功(HTTP 状态码是否在 200-299 范围内)
- status:HTTP 状态码
- headers:响应头部信息
- json():将响应的 JSON 数据解析成 JavaScript 对象
- text():将响应的文本数据解析成字符串
- blob():将响应的二进制数据解析成 Blob 对象
- ...
具体使用方法可以参考 Fetch API 的官方文档。