56、深入理解Web网络请求中的fetch() API及相关技术

深入理解Web网络请求中的fetch() API及相关技术

在Web开发中，网络请求是一项基础且关键的功能。每次加载网页时，浏览器都会使用HTTP和HTTPS协议进行网络请求，获取HTML文件以及它所依赖的图片、字体、脚本和样式表等资源。同时，现代浏览器还通过JavaScript API为开发者提供了更多的网络请求控制能力。本文将重点介绍三种网络API，尤其会深入探讨fetch() API的使用。

常见网络API概述

以下是三种常见的网络API：
- fetch() ：基于Promise的API，用于发起HTTP和HTTPS请求。它让基本的GET请求变得简单，并且功能全面，几乎能支持所有可能的HTTP用例。
- Server-Sent Events (SSE) ：一种方便的、基于事件的HTTP“长轮询”技术接口，服务器可以保持网络连接打开，随时向客户端发送数据。
- WebSockets ：一种非HTTP的网络协议，但设计为与HTTP互操作。它定义了一个异步消息传递API，客户端和服务器可以像TCP网络套接字一样相互发送和接收消息。

fetch() API基础使用

使用fetch()进行基本HTTP请求通常是一个三步过程：
1. 调用fetch()，传入你想要获取内容的URL。
2. 获取第一步异步返回的响应对象，当HTTP响应开始到达时，调用该响应对象的方法来请求响应体。
3. 获取第二步异步返回的响应体对象，并根据需要进行处理。

由于fetch() API完全基