AJAX xmlhttprequest vs fetch

xmlhttprequest vs fetch

参考了这篇博客。总结如下：

• xhr 优点：这个是比较老的也是比较成熟的 AJAX 的实现方案，浏览器支持好，更加底层的一种调用方式，对于文件上传可以通过事件反应出进度。缺点：通过事件及回调函数的方式取得结果。使用比较复杂。
• fetch 优点：这个是比较新的实现方案。返回的值是 Promise,调用比较方便。
  缺点：
  • 老版本 IE 不支持。
  • API 可能会变动。
  • 对于 404/500 这种错误，Promise 依然是 Resolve,只有网络请求失败才会 Promise.reject。
  • 不支持 timeout。
  • 默认不会带上 cookie,需要添加配置 在第二个参数中添加{credential:'some-region'}
  • Abort request 需要 AbortController 的配合，xhr 默认提供方法。

总结一下：
Fetch 是趋势，但是目前还有些功能不足以替代 xhr。如果条件允许还是推荐用 fetch.