Axios 获取请求 JavaScript Stack Overflow

Axios 是一个流行的 JavaScript 库，用于在浏览器中发送 AJAX 请求。这个库使用 Promise API，而不是回调函数，这使得它使用起来更加简单和方便。

Stack Overflow 是一个极受程序员欢迎的问答社区，你可以在这里找到关于 Axios 获取请求的帮助和响应的问题和答案，并能够更好地理解它的工作原理。

以下是一些常见问题和答案：

如何发送 GET 请求？

使用 Axios，您可以使用 axios.get() 方法来向服务器发送 GET 请求。例如，以下代码将从 URL https://jsonplaceholder.typicode.com/posts/1 获取帖子数据：

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

如何发送 POST 请求？

使用 Axios，您可以使用 axios.post() 方法来向服务器发送 POST 请求。例如，以下代码将向 URL https://jsonplaceholder.typicode.com/posts 发送一个包含数据的帖子：

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

如何处理响应数据？

使用 Axios，您可以使用 then() 方法来访问响应数据。例如，以下代码将响应数据作为参数传递给 then() 方法：

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

如何处理错误？

使用 Axios，您可以使用 catch() 方法来处理错误。例如，以下代码将错误作为参数传递给 catch() 方法：

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

如何在请求头中设置信息？

可以使用 Axios 的 headers 选项在请求头中设置信息。例如，以下代码将在请求头中设置 Content-Type：

axios.post('https://jsonplaceholder.typicode.com/posts', {
    title: 'foo',
    body: 'bar',
    userId: 1
  }, {
    headers: {
      'Content-Type': 'application/json'
    }
  })
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

最后，Axios 对于发送 AJAX 请求是一个很方便的工具，它支持多种类型的请求方法和配置选项，并且得到了大量开发者的使用和推荐。有关更多信息，请访问 Axios 官方网站：https://github.com/axios/axios