// 示例代码:使用 JavaScript Fetch API 获取数据
// 这是一个简单的示例,演示如何使用 Fetch API 从服务器获取数据。
// Fetch API 提供了一种简单、合理的方式来与网络资源进行交互。
fetch('https://jsonplaceholder.typicode.com/posts')
.then(response => {
// 检查响应是否成功
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json(); // 将响应解析为 JSON 格式
})
.then(data => {
console.log(data); // 输出获取到的数据
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
// 解释:
// 1. `fetch` 函数用于发起 HTTP 请求。它返回一个 Promise,该 Promise 在请求完成时会 resolve 成一个 Response 对象。
// 2. `response.ok` 是一个布尔值,表示请求是否成功(状态码在 200-299 之间)。
// 3. `response.json()` 将响应体解析为 JSON 格式,并返回一个包含解析后数据的 Promise。
// 4. 使用 `.then()` 方法处理成功的响应,使用 `.catch()` 方法捕获并处理错误。
上一篇:javascript语言
下一篇:javascript alert
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站