现如今，网站开发普遍采用前后端分离的模式，数据交互成为了不可或缺的关键环节。在这个过程中，XHR 和 Fetch API 是两种最常见的方法，用于从 Web 服务器获取数据

EventSource是一个用于接收服务器推送事件的网络接口。它可以创建一个持久的连接到一个HTTP服务器，从而实时地获取服务器发送的text/event-stream格式的事件。这种方式可以实现客户端和服务器之间的单向通信，适合于处理一些不需要客户端发送数据的场景

发出网络请求是前端 Web 开发人员的一项常见任务。对 Fetch API 的深入理解对于任何现代 Web 开发人员来说都是必不可少的，无论是从 API 检索数据还是将数据发送到服务器。

在我们平时开发中，经常会遇到页面数据初始化时，频繁调同一个接口的情况。比如echarts项目中，一个页面可能会有几十张图表，如果一个接口返回所有图表数据的话，会造成用户过长的等待时间

有几次，当用户执行导航到不同页面或提交表单等操作时，我需要发送带有一些数据的 HTTP 请求以进行记录。考虑这个在点击链接时向外部服务发送一些信息的人为示例：

我们现在有这样的一个需求：每一处提交按钮，都需要做取消提交的功能，也就是：按钮在loading的过程中支持取消提交，其实这个功能并不难，但是由于我们项目用了两套请求的封装，所以让我有点措手不及。

本文介绍了基于 XMLHttpRequest、Promise、async/await 等三种异步网络请求的写法，其中async/await 写法允许我们以类似于同步的方式编写异步程序，摆脱繁琐的回调函数

Ajax是XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，早期的项目，我们只能通过它向服务器端请求数据，包括Jquery封装的Ajax请求库也是基于它的封装

如果该请求已被发出，XMLHttpRequest.abort() 方法将终止该请求。当一个请求被终止，它的 readyState 将被置为 XMLHttpRequest.UNSENT (0)，并且请求的 status 置为 0。

Fetch 是 Web 提供的一个用于获取资源的接口，如果要终止 fetch 请求，则可以使用 Web 提供的 AbortController 接口。首先我们使用 AbortController() 构造函数创建一个控制器

由于request在2020 年 2 月 11 日已经标记为弃用，在 NPM 基本上搜索不到了，除非直接访问地址。在这之后 node-fetch、axios 也许是一个不错的选择，但在Node.js官方有一个请求库undici

async_hooks 模块是在 v8.0.0 版本正式加入 Node.js 的实验性 API。我们也是在 v8.x.x 版本下投入生产环境进行使用。那么什么是 async_hooks 呢？

前端开发最重要的部分之一是通过发出HTTP请求与后端进行通信，我们有几种方法可以异步地在Javascript中进行API调用。几年前，大多数应用程序都使用Ajax发送HTTP请求，Ajax代表异步Javascript和XML

前端业务经常会出现这样一类问题，当用户网速过慢或是其他特殊情况下，该页面的请求还未完成，用户就已经点击其他页面跳出去了。理想状态下请求也是应该终止掉的

减少页面中的元素:网页中的的图片、form、flash等等元素都会发出HTTP请求，尽可能的减少页面中非必要的元素，可以减少HTTP请求的次数