主要观点总结
文章主要介绍了网站开发中数据交互的两种常见方法：XMLHttpRequest（简称XHR）和Fetch API。文章详细解释了它们的特点、工作原理、使用方法和适用场景，并对两者进行了对比。同时，也介绍了一些基于这两种技术封装的常用库和插件。
关键观点总结
关键观点1: XHR和Fetch API是网站开发中数据交互的两种常见方法。
两者都是用于从Web服务器获取数据的技术，但具有不同的特点和适用场景。
关键观点2: XHR的特点和限制。
XHR是一种传统的数据请求方式，具有异步请求、支持跨域请求、事件驱动和灵活性等特点。但它也有一些限制，例如语法相对复杂，不易维护。
关键观点3: Fetch API的特点和优势。
Fetch是一种现代的数据网络请求API，具有Promise风格、更简单语法、更现代架构等特点。它提供了更强大、更灵活的方式来处理HTTP请求，是许多前端项目的首选工具。
关键观点4: 常用库和插件的介绍。
文章还介绍了一些基于XHR和Fetch封装的常用库和插件，如jquery、axios、redaxios和umi-request等，这些库和插件可以简化开发过程，提高开发效率。
关键观点5: 总结。
最后，文章总结了XHR和Fetch API在前端开发中的应用和选择，指出具体选择哪个工具取决于项目的需求和开发团队的偏好。
文章预览
现如今，网站开发普遍采用前后端分离的模式，数据交互成为了不可或缺的关键环节。在这个过程中， XHR 和 Fetch API 是两种最常见的方法，用于从 Web 服务器获取数据。 XHR 是一种传统的数据请求方式，而 Fetch API 则代表了现代 Web 开发的新兴标准。接下来，我们将一同深入学习它们的使用方法和适用场景。 XMLHttpRequest XMLHttpRequest ，通常简称为 XHR。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。XMLHttpRequest 在 AJAX 编程中（比如 jquery）被大量使用。 AJAX ：异步 JavaScript 和 XML。许多人容易把它和 jq 的 ajax 混淆。它是一个技术统称，本身不是一种技术。 特点 异步请求 ：XHR 允许进行异步请求，它可以在后台执行，而不会阻止页面的其他操作。 支持跨域请求 ：通过服务器端设置允许跨域请求，从不同域的服务器获取数据
………………………………
