fetch是现代JavaScript中用于发起HTTP请求的一个功能强大的API。它基于Promise设计,因此可以方便地与异步操作配合使用。
fetch的使用方法非常简单,它返回一个Promise对象,可以使用.then()方法处理成功后的响应数据,也可以使用.catch()方法处理可能发生的错误。
以下是fetch的基本使用方法:
GET请求
fetch('https://api.example.com/data')
.then(response => response.json()) // 将响应解析为JSON
.then(data => console.log(data)) // 处理获取到的数据
.catch(error => console.error('Error:', error)); // 捕获并处理错误
POST请求
const data = { key1: 'value1', key2: 'value2' }; // 要发送的数据
fetch('https://api.example.com/data', {
method: 'POST', // 指定请求方法
headers: {
'Content-Type': 'application/json', // 设置请求头
},
body: JSON.stringify(data), // 将数据转换为JSON格式并发送
})
.then(response => response.json()) // 将响应解析为JSON
.then(data => console.log(data)) // 处理获取到的数据
.catch(error => console.error('Error:', error)); // 捕获并处理错误
除了上述的基本用法,fetch还支持许多其他功能,如设置请求头、处理二进制数据、发送不同类型的请求等。具体的使用方法可以参考相关的文档或教程。