JavaScript Fetch API 教程：发送 HTTP 请求详解

在 Web 开发中，经常需要使用 JavaScript 向服务器发送 HTTP 请求来获取数据或执行操作。JavaScript Fetch API 提供了一种简洁而强大的方式来实现这一目标。

使用 Fetch 发送 GET 请求

以下示例演示如何使用 Fetch 发送 GET 请求到 'https://api.example.com/data'：javascriptfetch('https://api.example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error));

这段代码做了以下几件事：

使用 fetch() 函数发送 GET 请求到指定的 URL。2. 使用 .then() 方法处理响应。第一个 .then() 将响应转换为 JSON 格式。3. 第二个 .then() 将解析后的 JSON 数据打印到控制台。4. 使用 .catch() 方法捕获并打印任何发生的错误。

发送其他类型的请求

除了 GET 请求之外，Fetch API 还支持发送其他类型的 HTTP 请求，例如 POST、PUT 和 DELETE。你可以通过传递一个包含请求方法、请求头、请求体等信息的配置对象作为 fetch() 函数的第二个参数来自定义请求。

总结

JavaScript Fetch API 提供了一种现代化且灵活的方式来发送 HTTP 请求。通过学习和使用 Fetch API，你可以轻松地与服务器进行交互并构建强大的 Web 应用程序。