Ajax和Axios实现

Ajax和Axios都是前端用来发送HTTP请求的工具，但它们之间有一些区别：

1. 原生Ajax请求相对复杂，需要处理浏览器兼容性问题，而Axios封装了这些细节，使用更简便。
2. Axios基于Promise，可以方便地使用.then()、.catch()和.finally()处理异步操作，而原生Ajax需要通过回调函数处理。
3. Axios在浏览器和Node.js中都可以使用，而原生Ajax主要用于浏览器端。
4. Axios可以自动处理跨域请求（CORS），而原生Ajax需要手动处理。

以下是使用Ajax和Axios发送GET请求的示例代码：

使用原生Ajax发送GET请求：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
 
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log(xhr.responseText);
  }
};
 
xhr.send();

使用Axios发送GET请求：

const axios = require('axios'); // 在Node.js中或者引入axios库
 
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在实际开发中，由于Axios的便利性和现代化，推荐使用Axios来发送HTTP请求。