北辰正方建设集团有限公司官方网站个人建站软件

ajax 和 fetch的相同点和区别是什么？

以前我们都用ajax去做请求，
但是原生的ajax不好用，我们会用$.ajax或者axios插件去请求，他们都是ajax的封装

最近出来个fetch是什么？

问到这里的时候，你就已经入坑了，

因为 ajax只是一个异步xhr解决方案的概念，不能和fetch这个api同日而语。

所以我们我们说ajax和fetch的区别的时候，其实是想说这里异步的 xhr 解决请求方案

换个说法：异步xhr和fetch实现请求的区别

一、相同点：

• 1、都是请求的方法；
• 2、都是内置API；

二、不同点：

• 1、用ajax(xhr)经常会用它周边的插件：$.ajax或axios,因为他们做了封装，直接用容易写出回调地狱；fetch直接用，他已经就是基于Promise写的；
• 2、ajax(xhr)自带了监听进度的api，而fetch没得；
• 3、ajax(xhr)是JS内置API，fetch是window的内置API；
• 4、fetch对于400,500都当成成功的请求，需要封装处理；
• 5、ajax(xhr)自带了中途取消请求的api，fetch没有；

然后你问我，会用哪种方式去请求，答案是看情况，写个小demo或者很小的项目可以用fetch；

反之，写大型的项目我会用ajax（xhr）去实现请求【具体实现可能就是用axios插件】，因为ajax（xhr）他自带监听进度的api，还可以中途取消请求；可拓展性强！