axios模拟ajax-示例代码

axios是一个基于Promise的HTTP客户端，用于发送HTTP请求。它支持浏览器和Node.js环境，并提供了丰富的功能和易于使用的API。

我们需要引入axios库。可以通过在HTML文件中添加以下代码来引入axios：

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

然后，我们可以使用axios发送GET请求来获取服务器上的数据。以下是一个示例代码：

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

在上面的代码中，我们使用axios的`get`方法来发送一个GET请求到`/api/data`地址。然后，我们使用`.then`方法来处理成功的响应，其中`response.data`包含了服务器返回的数据。如果请求失败，我们可以使用`.catch`方法来处理错误。

除了GET请求，axios还支持其他HTTP方法，如POST、PUT、DELETE等。以下是一个使用axios发送POST请求的示例代码：

axios.post('/api/data', {
    name: 'John',
    age: 30
  })
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

在上面的代码中，我们使用axios的`post`方法来发送一个POST请求到`/api/data`地址，并传递一个包含name和age属性的对象作为请求的数据。

通过以上示例代码，我们可以看到axios提供了简洁易用的API来发送HTTP请求，并且支持处理成功和失败的响应。它是一个非常方便的工具，用于模拟AJAX请求并与服务器进行通信。