axios 的基本使用

最新推荐文章于 2025-11-30 22:19:10 发布

原创最新推荐文章于 2025-11-30 22:19:10 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了如何使用axios库发起GET和POST请求。在GET请求示例中，详细展示了设置请求地址和携带参数的过程。而在POST请求部分，通过监听按钮点击事件，利用async/await处理异步操作，传递name参数并打印返回结果。

1、发起 GET 请求：

axios({
  // 请求方式
  method: 'GET',
  // 请求的地址
  url: '请求地址',
  // URL 中的查询参数
  params: {
    //请求携带的参数
    id: 1
  }
}).then(function (result) {
  console.log(result)
})

2、发起 POST 请求：

document.querySelector('#btnPost').addEventListener('click', async function () {
  // 如果调用某个方法的返回值是 Promise 实例，则前面可以添加 await！
  // await 只能用在被 async “修饰”的方法中
  const { data: res } = await axios({
    method: 'POST', 
    url: '路径',
    data: {
        //发送请求携带的参数
        name:"张三"
    }
  })

  console.log(res)
})