传递参数 axios 得到反应 - Javascript

在Web开发中，我们经常需要从服务器获取数据。而 axios 是一个非常流行的JavaScript库，它可以帮助我们方便地向服务器请求数据。

这里，我们将介绍如何使用axios传递参数，并得到服务器返回的反应。

安装axios

首先，我们需要使用npm安装axios。打开终端，输入以下命令：

npm install axios

发送GET请求

我们首先来看如何向服务器发送GET请求。下面的代码可以向指定的URL发送GET请求，并打印服务器返回的数据：

const axios = require('axios');

axios.get('https://jsonplaceholder.typicode.com/posts')
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.log(error);
  });

在上面的代码中，我们使用了 axios.get 方法向指定的URL发送了一个GET请求。服务器返回的数据被存储在 response.data 中，并打印了出来。

当然，我们还可以指定查询参数。下面的代码向服务器传递了一个ID参数，并打印服务器返回的数据：

const axios = require('axios');

axios.get('https://jsonplaceholder.typicode.com/posts', {
  params: {
    id: 1
  }
})
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.log(error);
  });

发送POST请求

现在，我们来看看如何使用axios发送POST请求。在下面的代码中，我们向服务器发送了一个带有JSON数据的POST请求：

const axios = require('axios');

axios.post('https://jsonplaceholder.typicode.com/posts', {
  title: 'foo',
  body: 'bar',
  userId: 1
})
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.log(error);
  });

在上面的代码中，我们使用了 axios.post 方法向指定的URL发送了一个POST请求。我们传递了一个带有三个键值对的JSON数据。服务器返回的数据被存储在 response.data 中，并打印了出来。

总结

至此，我们已经介绍了如何使用axios向服务器发送请求，并得到服务器返回的反应。希望这篇文章可以帮助你更好地了解axios。