fetch
是 JavaScript 中用于发起网络请求获取数据的一种方式。它使用 Promise
来处理异步操作,能够获取服务器端的数据,并进行相应的处理。
使用 fetch
可以发送 GET
、POST
等各种 HTTP 请求,并处理请求的响应,例如获取文本数据、JSON 数据等。
在 Vue 应用中,可以使用 fetch
来获取数据,并将获取到的数据用于更新组件的状态,以实现动态的数据交互。
以下是一个使用 fetch
发送 GET
请求获取数据的示例代码:
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
在上述代码中,向 https://jsonplaceholder.typicode.com/todos/1
发送了一个 GET
请求,获取到响应后将其解析为 JSON 格式的数据,并进行打印。如果在请求过程中发生错误,则会捕获并打印错误信息