一起来学javascript-axios

      <!--

// AJAX 的封装插件—— Axios。

    // 什么是 Axios

    // Axios 是一个基于 Promise 的 HTTP 库，可以用于浏览器和 Node.js，支持 Vanilla JS、Angular、React、Vue 等框架。

    // 简单的理解就是对 Ajax 的封装，且具有易用、简洁、高效等特点。

    // 相比原生的 fetch，Axios 提供了更多便利的功能，如拦截请求和响应、转换请求和响应数据、取消请求等。使用 Axios 发起请求通常更直观，且对于错误处理更加友好。

    // await fetch('https://api.example.com/data')

    // 例如，用 Axios 获取与上述 fetch 示例相同数据的代码看起来会是这样：

    // axios.get('https://api.example.com/data')

    //   .then(response => {

    //     // 处理成功情况，response.data 包含了服务器返回的数据

    //     console.log(response.data);

    //   })

    //   .catch(error => {

    //     // 处理错误情况

    //     console.error("Error fetching data:", error);

    //   });

    // 或者，如果你在支持 async/await 的环境中，可以这样写：

    // javascript

    // try {

    //   const response = await axios.get('https://api.example.com/data');

    //   console.log(response.data);

    // response.data为从后端请求的数据

    // } catch (error) {

    //   console.error("Error fetching data:", error);

    // }

    //     Axios 的特点

    // 它本身具备以下作用：

    // 可以从浏览器中创建 XMLHttpRequest。

    // 能从 Node.js 创建 HTTP 请求。

    // 支持 Promise API。

    // 能够拦截请求和响应。

    // 可以转换请求和响应数据。

    // 也可取消请求。

    // 可以自动转换 JSON 数据。

    // 在客户端支持防止 CSRF/XSRF 攻击。

    // Axios 的安装方式

    // Axios 的安装与其他框架或插件类似，也是分为以下两种：

    // npm 安装

    //  cmd命令下输入：

    // npm install axios

    // 或使用 <script>直接引入

    //<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    // Axios 基本用法

    // Axios 提供了对 GET、POST、PUT、DELETE 等HTTP方法的封装，使得进行 AJAX 请求变得更加简单。

    // 在这里给大家介绍axios的get和post方法，分别向后端请求和发送数据

    get请求数据

    首先，创建一个名为 test.json 的文件，作为接下来使用 Axios 请求的数据文件，并写入以下数据：

    {

  "msg": "Hello Axios!"

    }

    在 demo1.html 中使用 Axios 发送一个简单的 Ajax 请求，用于获取 test.json 中的数据，并输出在控制台：

    首先要引入axios.js文件

<script type="text/javascript">

  axios.get("./test.json").then((res) => {

    console.log(res.data);

  });

  ./test.json在这里相当于url(请求的数据的地址)

</script>

post发送数据

axios.post(

    "url",

    { data: {} },

    {

      headers: "xxxx", // 头部配置

    }

  )

  .then(function (res) {

    console.log(res); // 处理成功的函数 相当于 success

  })

  .catch(function (error) {

    console.log(error); // 错误处理 相当于 error

  });

 data指将要发往后端的数据

-->