👓Ajax
Ajax这位“异步JavaScript与XML”的明星，曾经是网页开发的宠儿。它就像是那位可以在不整张脸都动一下的情况下，只换个妆容就焕然一新的网页开发技术。但是，Ajax也有点“老派”，有点像是MVC编程的坚定粉丝，有点不太合群，不怎么适应前端MVVM的潮流。它的原生XHR开发方式，有点像是建筑结构不清晰，让人有点摸不着头脑。而且，Ajax似乎也不太懂“关注分离”的道理，总是把一团乱麻似的配置和调用方式扔给你，弄得人一头雾水。它的基于事件的异步模型，有时候也不太友好，让人觉得有点“你中有我，我中有你”的感觉。总的来说，Ajax有点像是那位有点过时但又经典的网页开发技术，有着自己的特点和魅力，虽然不尽完美，但在特定情况下还是能发挥作用的。愿它能在技术的海洋中继续闪耀光芒！
优点：
- 异步请求： Ajax允许在不刷新整个页面的情况下发送和接收数据，实现异步请求，提升用户体验。
- 实时性： 通过Ajax，可以实现实时更新页面的功能，例如实时聊天、动态加载内容等。
- 减少带宽消耗： Ajax请求只传输需要的数据，而不是整个页面，可以减少带宽消耗。
- 灵活性： Ajax请求可以与各种后端技术结合，如JSON、XML等，使得数据交换更加灵活。
- 减少服务器负担： 由于Ajax请求只更新部分数据，而不是整个页面，可以减轻服务器的负担。
缺点：
- 兼容性问题： 在某些旧版本浏览器中，对Ajax的支持不够完善，需要考虑兼容性问题。
- 安全性问题： Ajax请求容易受到跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等安全问题的影响，需要进行相应的防护措施。
- SEO优化困难： 搜索引擎对于通过Ajax加载内容的页面可能不太友好，对于SEO优化可能存在一定困难。
- 状态管理复杂： 使用Ajax进行页面更新可能导致页面状态管理复杂化，需要额外的处理来维护页面状态。
- 调试困难： 对于某些复杂的Ajax请求，调试可能相对困难，需要借助浏览器开发者工具等来进行排查。
🕶️Fetch
fetch 号称是 AJAX 的替代品，是在 ES6 出现的，使用了 ES6 中的 promise 对象。Fetch 是基于promise 设计的。Fetch 的代码结构比起 ajax 简单多。fetch 不是ajax 的进一步封装，而是原生 js，没有使 用 XMLHttpRequest 对象。
优点：
- 现代性和简洁性： Fetch API 是现代的网络请求API，提供了更简洁、更易用的方式来处理网络请求。
- Promise支持： Fetch API 基于Promise，使得处理异步请求更加方便和直观。
- 更灵活的请求和响应处理： Fetch API 提供了更灵活的请求和响应处理方式，包括设置请求头、处理响应数据等。
- 支持流式数据： Fetch API 支持处理流式数据，可以更好地处理大量数据或者文件上传下载等操作。
- 更好的错误处理： Fetch API 提供了更清晰的错误处理方式，可以更容易地捕获和处理网络请求中的错误。
缺点：
-
兼容性问题： Fetch API 并不兼容所有旧版浏览器，需要考虑兼容性问题，并可能需要使用Polyfill来解决。
-
不支持同步请求： Fetch API 不支持同步请求，这可能在某些特定情况下带来一些限制。
-
缺乏对请求的进度信息的支持： 在处理大文件上传或下载等场景下，Fetch API 目前对请求的进度信息支持不够完善。
-
CORS限制： 与其他网络请求方式一样，Fetch API 也受到跨域资源共享（CORS）策略的限制，需要在服务器端进行相应配置。
-
相对复杂的用法： 对于初学者来说，可能需要一些时间来适应Fetch API的用法，相对于XMLHttpRequest来说，学习曲线略陡。
🥽Axios
Axios 是一种基于Promise 封装的HTTP 客户端，其特点如下：
优点：
- Promise支持： Axios基于Promise，使得处理异步请求更加方便和直观。
- 跨平台支持： Axios可以在浏览器端和Node.js环境中使用，具有良好的跨平台支持。
- 易用性： Axios提供了简洁的API，易于学习和使用，使得网络请求代码更加清晰和易于维护。
- 拦截器支持： Axios提供了拦截器功能，可以在请求发送或响应返回时进行拦截和处理，增强了请求的灵活性。
- CSRF保护： Axios内置了对跨站请求伪造（CSRF）的保护，可以在请求头中自动添加CSRF token。
缺点：
-
体积较大： 相对于原生的Fetch API，Axios的体积较大，可能会增加页面加载时间，尤其是对于一些对性能要求很高的项目。
-
依赖第三方库： Axios是一个单独的第三方库，需要额外引入，可能会增加项目的依赖项。
-
不支持取消请求： 目前Axios并不直接支持取消请求的功能，需要通过额外的处理来实现请求的取消。
-
兼容性问题： 尽管Axios在现代浏览器中表现良好，但在一些旧版本浏览器中可能存在兼容性问题，需要做相应的处理。
-
学习成本： 对于初学者来说，可能需要一些时间来熟悉Axios的用法和API，相对于原生的Fetch API，学习成本略高。
