请说明Ajax、Fetch、Axios三者的区别

Ajax、Fetch和Axios都是用于浏览器中发起HTTP请求的工具，但它们之间有明显的区别：

1. Ajax (Asynchronous JavaScript and XML): 早期的技术，不支持跨域请求，需要结合服务器端代理解决。现已较少使用。
2. Fetch: 是现代浏览器中的原生API，支持Promise，语义更清晰，能处理复杂的HTTP请求，如CORS、HTTP/2等。
3. Axios: 基于Promise的HTTP客户端，用于浏览器和node.js，它主要是对原生Fetch API进行了封装，并提供了一些额外的功能，如请求和响应拦截、取消请求、转换请求和响应数据等。

下面是使用Ajax、Fetch和Axios发送GET请求的简单示例：

Ajax (使用jQuery):

$.ajax({
  url: 'https://api.example.com/data',
  type: 'GET',
  success: function(response) {
    console.log(response);
  },
  error: function(error) {
    console.error(error);
  }
});

Fetch:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

Axios:

axios.get('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error('Error:', error));

从上面的示例可以看出，Axios是最现代且常用的HTTP客户端，它提供了更好的异步处理和错误处理机制，并且对跨域请求的处理也更加友好。