纯js 文件使用axios

纯JS文件使用axios

引言：在前端开发中，网络请求是一个非常常见的需求。而axios是一个强大的基于Promise的HTTP库，可以在浏览器和Node.js中使用。本文将介绍如何在纯JS文件中使用axios来发送网络请求。

安装axios

首先，我们需要在项目中安装axios。可以使用npm或者yarn来安装：

npm install axios

或者

yarn add axios

发送GET请求

首先，我们来看一个简单的例子，如何使用axios发送GET请求：

const axios = require('axios');

axios.get('
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

上面的代码中，我们首先通过require引入了axios库。然后，使用axios.get方法发送了一个GET请求，请求的URL为`

发送POST请求

接下来，我们来看一个例子，如何使用axios发送POST请求：

const axios = require('axios');

axios.post(' {
  id: 1,
  name: 'John Doe',
  age: 28
})
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

上面的代码中，我们使用axios.post方法发送了一个POST请求，请求的URL为`

发送并发请求

除了发送单个请求，axios还支持发送并发请求。我们可以使用axios.all方法同时发送多个请求，并使用axios.spread方法来处理回调函数中的响应数据。下面是一个例子：

const axios = require('axios');

axios.all([
  axios.get('
  axios.get('
])
  .then(axios.spread(function (response1, response2) {
    console.log(response1.data);
    console.log(response2.data);
  }))
  .catch(function (error) {
    console.log(error);
  });

上面的代码中，我们通过axios.all方法同时发送了两个GET请求，分别请求了`

总结

本文介绍了如何在纯JS文件中使用axios发送网络请求。我们首先需要安装axios，并通过require引入axios库。然后，我们可以使用axios来发送GET、POST以及并发请求。当请求成功时，我们可以通过.then方法获取到服务器返回的数据，并进行相应的处理。当请求失败时，我们可以通过.catch方法捕获错误，并进行错误处理。

使用axios发送网络请求非常简单，而且axios还提供了丰富的配置选项和拦截器功能，可以满足我们在开发中的各种需求。希望本文对你有所帮助！