异步请求中，XHR、Axios与Fetch三者功能差异如何？

本文共计1259个文字，预计阅读时间需要6分钟。

随着AJAX技术的诞生，前端正式进入了局部刷新和前后端分离的新时代。最初的服务请求技术是XHR（XMLHttpRequest），随着技术的进步和ES6的诞生，jQuery AJAX、Axios、Fetch等技术的出现，使得前端的异步请求变得更加便捷。

随着AJAX技术的诞生,前端正式进入了局部刷新和前后端分离的新时代,最初的服务请求技术是XHR,随着技术发展和ES6的诞生,jquery ajax,axios,fetch 等技术的产生让前端的异步请求更便捷.

当我们使用异步请求的时候可能会有中断请求的需要.

比如当我们第一次查询数据的时候没有输入查询条件导致查询很慢,于是我们第二次添加了查询调价重新查询很快结果返回并渲染到了页面,

这时第一次的请求还在进行中,无法停止

当我们正在看数据的时候第一次的请求返回了结果并重新渲染了页面,导致数据混乱

各种请求技术怎么又该怎么实现呢?下边来分别进行简述:

一、XHR

1.说明

AJAX 使用的XMLHttpRequest的对象与服务器通信.让我们通过下面显示的图像了解 AJAX 的流程或 AJAX 的工作原理。