fetch、axios、ajax的比较

fetch、axios和ajax都是用于浏览器中发起HTTP请求的工具，但它们有一些区别：

1. fetch是原生JavaScript的一部分，不需要任何外部依赖。axios是基于Promise的HTTP客户端，用于浏览器和node.js环境。而ajax是一种较旧的技术，通常用于在不刷新页面的情况下与服务器交换数据。
2. fetch返回的是一个Promise，因此可以使用then、catch和finally处理异步操作。而axios也是返回Promise，提供了相似的API。
3. fetch不会跨域请求，需要服务器支持CORS（跨源资源共享）。而axios在不支持CORS的情况下，可以请求不同域的数据，但需要服务器配置代理。
4. fetch需要自行处理请求和响应的数据，而axios可以自动将JSON数据转换为JavaScript对象。
5. fetch不支持IE浏览器，而axios支持IE8及以上。

以下是使用fetch和axios的简单例子：

// Fetch
fetch('https://api.example.com/data', {
  method: 'GET', // or 'POST', 'PUT', 'DELETE' etc
  headers: {
    'Content-Type': 'application/json'
    // 其他需要的头部信息...
  }
})
.then(response => response.json()) // 转换为JSON
.then(data => console.log(data)) // 处理数据
.catch(error => console.error('Error:', error)); // 错误处理
 
// Axios
import axios from 'axios';
 
axios.get('https://api.example.com/data', {
  headers: {
    'Content-Type': 'application/json'
    // 其他需要的头部信息...
  }
})
.then(response => console.log(response.data)) // 直接是转换好的数据
.catch(error => console.error('Error:', error)); // 错误处理

在选择时，可以考虑当前项目需要支持的浏览器版本、是否需要自动转换JSON、是否需要跨域请求等因素。如果项目不需要支持老旧的浏览器，并且不需要跨域请求，那么可以选择fetch，因为它是原生的并且更现代。如果需要支持老版本浏览器或者需要跨域请求，那么可以选择axios，因为它可以在不支持fetch的浏览器中使用，并且可以配置代理来支持跨域请求。