获取 API 与 XMLHttpRequest

2022-01-15 00:00:00 xmlhttprequest javascript ajax fetch-api

我知道 Fetch API 使用 Promise 并且它们都允许您向服务器发出 AJAX 请求.

I know that Fetch API uses Promises and both of them allow you to do AJAX requests to a server.

我了解到 Fetch API 有一些额外的功能,这些功能在 XMLHttpRequest 中不可用(在 Fetch API polyfill 中,因为它基于 XHR).

I have read that Fetch API has some extra features, which aren't available in XMLHttpRequest (and in the Fetch API polyfill, since it's based on XHR).

Fetch API 有哪些额外功能?

What extra capabilities does the Fetch API have?

推荐答案

有些事情你可以用 fetch 而不是 XHR:

There are a few things that you can do with fetch and not with XHR:

  • 您可以将缓存 API 与请求和响应对象一起使用;
  • 您可以执行 no-cors 请求,从未实现 CORS 的服务器获取响应.您无法直接从 JavaScript 访问响应正文,但您可以将其与其他 API(例如缓存 API)一起使用;
  • 流式响应(使用 XHR,整个响应缓冲在内存中,使用 fetch 您将能够访问低级流).尚未在所有浏览器中提供此功能,但很快就会提供.
  • You can use the Cache API with the request and response objects;
  • You can perform no-cors requests, getting a response from a server that doesn't implement CORS. You can't access the response body directly from JavaScript, but you can use it with other APIs (e.g. the Cache API);
  • Streaming responses (with XHR the entire response is buffered in memory, with fetch you will be able to access the low-level stream). This isn't available yet in all browsers, but will be soon.

你可以用 XHR 做一些你不能用 fetch 做的事情,但它们迟早会可用(阅读此处的未来改进"段落:https://hacks.mozilla.org/2015/03/this-api-就是这么拿取/):

There are a couple of things that you can do with XHR that you can't do yet with fetch, but they're going to be available sooner or later (read the "Future improvements" paragraph here: https://hacks.mozilla.org/2015/03/this-api-is-so-fetching/):

  • 中止请求(这现在可以在 Firefox 和 Edge 中使用,正如 @sideshowbarker 在他的评论中解释的那样);
  • 报告进度.

本文https://jakearchibald.com/2015/thats-so-fetch/ 包含更详细的描述.

This article https://jakearchibald.com/2015/thats-so-fetch/ contains a more detailed description.

相关文章