JavaScript中的Fetch API是一种现代的网络请求API,用于进行HTTP请求并获取响应。它提供了一种更简单、更强大的替代传统的XMLHttpRequest对象。
使用Fetch API可以进行各种类型的请求,包括GET、POST、PUT、DELETE等,并且可以在请求中设置请求头、发送数据以及处理响应。
fetch() 方法。它在 Window 和 Worker 上下文中都是一个全局方法。
fetch() global function - Web APIs | MDN
fetch('<https://api.example.com/data>')
.then(response => response.json())
.then(data => {
// 处理响应数据
console.log(data);
})
.catch(error => {
// 处理错误
console.error(error);
});
POST请求的示例:
fetch('<https://api.example.com/data>', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => {
// 处理响应数据
console.log(data);
})
.catch(error => {
// 处理错误
console.error(error);
});