JavaWeb学习路线——Ajax到Axios

Ajax 和 Axios 都是前端用来与服务器进行异步通信的工具，但它们有一些区别：

1. Axios 是基于 Promise 的 HTTP 客户端，它在浏览器和 node.js 中都可以使用。
2. Axios 支持请求和响应拦截，这对于处理身份验证、请求取消、自动转换 JSON 数据等非常有用。
3. Axios 可以通过 axios.create() 方法创建一个新的实例，配置自定义选项，例如 baseURL、headers 等。
4. Axios 在浏览器中使用 XMLHttpRequests，在 node.js 中使用 http 模块。

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

// 引入 Axios
const axios = require('axios');
 
// GET 请求
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });
 
// POST 请求
axios.post('https://api.example.com/data', {
  key1: 'value1',
  key2: 'value2'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

Axios 的安装通常通过 npm 或 yarn 进行：

npm install axios
# 或者
yarn add axios

在实际开发中，你可以根据项目需求选择合适的工具来进行前后端的数据交换。