Fetch API 与 XMLHttpRequest

Quiz

XMLHttpRequest 对象用于异步与服务器通信，这意味着我们可以在不刷新整个页面的情况下，在后台与服务器交换数据。XMLHttpRequest 是最常用的技术，因此它被大多数主流浏览器如 Google Chrome、Safari、Mozilla Firefox 或 Opera 使用。它还支持纯文本、JSON 数据以及更多数据格式。它使用非常简单，并提供了各种方法和属性来执行操作。我们可以使用 XMLHttpRequest() 构造函数创建一个 XMLHttpRequest 对象。

语法

variableName = new XMLHttpRequest()

使用 new 关键字结合 XMLHttpRequest() 构造函数，我们可以创建一个新的 XMLHttpRequest 对象。在调用 send() 函数向 Web 服务器发送请求之前，必须先创建此对象并调用 open() 函数来初始化它。

Fetch API 提供了一个接口，用于从服务器获取/检索资源。它是 XMLHttpRequest 的现代替代方案。它支持 Request 和 Response 的通用定义，因此如果需要，我们可以在未来访问它们，用于 Cache API、Service Worker、处理或修改请求和响应等。它非常简单、一致且易用。或者可以说，与 XMLHttpRequest 相比，它为创建 HTTP 请求和处理响应提供了更现代和灵活的方法。它基于 Promise API，提供清晰的语法和更好的错误处理。

语法

fetch(res)

其中 fetch() 接受一个必需参数 res。res 参数定义了您想要获取的资源，它可以是字符串、其他对象或 request 对象。除了必需参数外，它还可以接受一个可选参数，例如 method、headers、body、mode、cache、same-origin 等。