Fetch API：XHR 的更好替代

前言

自 1998 年发布的 Internet Explorer 5 以来，XMLHttpRequest (XHR) 对象一直是我们进行异步网络请求的方式。多年来，它已被 Gmail 和其他众多丰富的应用程序大量使用，以至于这种方法成为了一项技术：AJAX。现在，在多年的使用之后，我们有了更新、更好的选择：Fetch API。

什么是 Fetch API？

Fetch API 是一个浏览器 API，允许我们发送网络请求并处理响应。它比 XHR 更现代、更强大且更容易使用。

XHR 和 Fetch API 的区别

Fetch API 和 XHR 之间有几个主要区别：

• 语法：Fetch API 使用更现代的 Promise 语法，而 XHR 使用旧的回调函数。
• 功能：Fetch API 具有比 XHR 更强大的功能，例如内置对 CORS 的支持和请求/响应流式传输的内置支持。
• 易用性：Fetch API 比 XHR 更易于使用，因为它具有更直观的语法和更好的错误处理。

如何使用 Fetch API

Fetch API 的使用方法非常简单。首先，您需要创建一个请求对象。您可以使用fetch()函数来执行此操作。fetch()函数接受一个参数：请求的 URL。

const request = new Request('https://example.com');

一旦您创建了请求对象，就可以使用send()方法来发送请求。send()方法接受一个参数：请求正文。

const response = await request.send();

然后，您就可以使用json()方法来将响应解析为 JSON 对象。

const data = await response.json();

Fetch API 的优点

Fetch API 具有许多优点，包括：

• 现代语法：Fetch API 使用更现代的 Promise 语法，这使得它更容易编写和理解。
• 功能强大：Fetch API 具有比 XHR 更强大的功能，例如内置对 CORS 的支持和请求/响应流式传输的内置支持。
• 易于使用：Fetch API 比 XHR 更易于使用，因为它具有更直观的语法和更好的错误处理。

总结

Fetch API 是一个新的、更好的进行异步网络请求的方式。它具有比 XHR 更现代的语法、更强大的功能和更好的易用性。如果您正在寻找一种新的方式来进行网络请求，那么 Fetch API 是一个不错的选择。