axios 的基本使用

A~小鲸喜

于 2021-09-06 20:23:49 发布

阅读量96

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Sun_Maple_jw/article/details/120143862

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)
})