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.