# Ajax和Axios区别
Ajax和Axios都是前端技术中用于发送异步HTTP请求的技术，它们都能够帮助开发者在不刷新页面的情况下，与服务器交换数据并更新部分网页内容，尽管它们有相似之处，但Axios和Ajax在用法，功能和兼容性上有一些区别。
1. **请求方式**：
* **Ajax**：基于原生JavaScript的XMLHttpRequest对象，需要自己封装请求和响应的回调函数。
* **Axios**：基于Promise，封装了XMLHttpRequest，更易用，更方便，更符合ES6的箭头函数。
2. **错误处理**：
* **Ajax**：错误处理不太直观，需要手动检查每个请求的状态码。
* **Axios**：错误处理更直观，返回的Promise可以直接catch错误。
3. **浏览器兼容性**：
* **Ajax**：早期的浏览器支持性较好，但部分现代浏览器可能不支持。
* **Axios**：现代浏览器均支持，且支持取消请求和浏览器兼容性提示。
4. **配置选项**：
* **Ajax**：需要手动设置许多选项，例如请求类型、数据类型等。
* **Axios**：提供了更多的内置配置选项，如设置请求超时、取消请求等。
5. **数据格式**：
* **Ajax**：可以接受多种数据格式，如JSON、XML、表单数据等。
* **Axios**：默认情况下只接受JSON格式的数据，但也可以配置接受其他格式的数据。
6. **拦截器**：
* **Axios**：具有请求和响应拦截器功能，可以在请求发送或响应返回之前进行预处理。
* **Ajax**：没有这样的拦截器功能，需要在回调函数中进行处理。
7. **自动转换JSON**：
* **Axios**：自动将JSON数据转换为JavaScript对象，无需手动解析。
* **Ajax**：需要手动解析JSON数据。
8. **防止CORS问题**：
* **Axios**：内置CORS处理机制，可以更方便地处理跨域问题。
* **Ajax**：需要手动处理CORS问题。
9. **返回Promise对象**：
* **Axios**：所有的请求都是返回Promise对象，可以链式调用。
* **Ajax**：不是所有的现代浏览器都支持Promise对象。
10. **超时控制**：
* **Axios**：可以设置请求的超时时间。
* **Ajax**：需要自己编写代码来实现超时控制。
11. **进度条控制**：
* **Axios**：可以轻松实现上传和下载的进度条。
* **Ajax**：要实现这个功能需要更多的代码。
12. **响应数据转换**：
* **Axios**：可以自动将JSON数据转换为JavaScript对象。
13. **错误重试机制**：
* **Axios**：没有内置的错误重试机制，但可以通过使用第三方库来实现。
* **Ajax**：需要自己编写代码来实现错误重试机制。
14. **取消请求**：
* **Axios**：可以轻松取消请求。
* **Ajax**：需要通过关闭XMLHttpRequest对象来实现取消请求。
15. **服务端渲染(SSR)支持**：
* **Axios**：没有内置的SSR支持，但可以通过使用第三方库来实现。
* **Ajax**：本身并不是为SSR设计的，因此在使用时可能需要额外的工具或库来支持。
16. **响应数据的处理方式不同**: 如果你想处理返回的数据,Axios会直接将数据作为解析后的对象返回,而jQuery的$.ajax方法则需要我们手动调用`responseJSON`来获取解析后的对象. 这一点上,Axios更胜一筹,因为它让我们的代码更加简洁,易读.
