首页 > 其他分享 >axios-使用解构赋值

axios-使用解构赋值

时间:2023-06-13 23:55:50浏览次数:43  
标签:axios await 解构 result async data 赋值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<button id="btnPost">发起POST请求</button>
<button id="btnGet">发起GET请求</button>
<script src="axios.js"></script>
<script>
    document.querySelector('#btnPost').addEventListener('click', async function () {
        // 如果调用某个方法的返回值是Promise实例,则前面可以添加await!
        // await只能用在被async修饰的方法中
        const result = await axios({
            method: 'POST',
            url: '/axios/post',
            data: {
                name: 'zs',
                age: 20
            }
        })
        console.log(result)
    })

    document.querySelector('#btnGet').addEventListener('click', async function () {
        // 如果调用某个方法的返回值是Promise实例,则前面可以添加await!
        // await只能用在被async修饰的方法中
        const {data: res} = await axios({
            method: 'GET',
            url: '/axios/get',
            data: {
                name: 'zs',
                age: 20
            }
        })
        console.log(res)
    })
</script>
</body>
</html>

标签:axios,await,解构,result,async,data,赋值
From: https://www.cnblogs.com/yang-young-young/p/17479019.html

相关文章

  • axios-结合async和await调用axios
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><buttonid="btnPost">发起POST请求</button><scriptsrc="lib/axios.js">&......
  • 二次封装Axios完全体
    importaxios,{Axios}from"axios";importtype{AxiosRequestConfig}from"axios";import{message}from"antd";//功能失败的错误原因constauthErrMessage:any={ 10031:"登录失效,需要重新登录", 10032:"您太久没登录,请重新登录~......
  • vue中使用axios获取不到响应头Content-Disposition的解决办法
    项目中,后端返回的文件流,fileName是机构名称+服务器时间。前端需要拿到响应头里的Content-Disposition字段的值,从中获取文件名在控制台Headers中可以看到相关的字段和文件名,但是在axios里面却获取不到 如果想要让客户端访问到相关信息,服务器不仅要在heade里添加,还要将它们在A......
  • axios-使用axios发起基本的GET请求
    axios是一个专注于网络请求的库!<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> </head> <body> <scriptsrc="lib/axios.js"></script> <script> //1.调......
  • Axios 代理跨域后后端无法接收Session问题
    将一个MVC项目重构为一个前后端分离项目,前端使用了react+axios+vite...。在前后端分离项目中,通常都会使用代理来解决跨域问题,vite需要在vite.config.js文件中配置代理:exportdefaultdefineConfig({server:{//代理配置proxy:{//请求前缀......
  • C ++ 拷贝构造函数和赋值构造函数 非常经典
    C++拷贝构造函数赋值构造函数拷贝构造函数和赋值构造函数的异同由于并非所有的对象都会使用拷贝构造函数和赋值函数,程序员可能对这两个函数有些轻视。请先记住以下的警告,在阅读正文时就会多心:如果不主动编写拷贝构造函数和赋值函数,编译器将以“位拷贝”的方式自动生成缺省的函数......
  • Vue 中通过事件总线方式组件间传递数据及调用 Vue脚手架中的axios数据调用方式获取git
    1:看界面效果2:代码结构3:代码内容3.1:引入第三方css样式表:bootstrap.css/*!*Bootstrapv3.3.5(http://getbootstrap.com)*Copyright2011-2015Twitter,Inc.*LicensedunderMIT(https://github.com/twbs/bootstrap/blob/master/LICENSE)*//*!normalize.cssv3.0.3|......
  • 使用axios 请求后端
    1、使用CDN的方式导入axios点击查看代码<scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script>二,跨域问题的解决1,什么是跨域CORS,全称是:Cross-OriginResourceShareing2,跨域问题的解决后端增加全局的过滤器三,前端elementUI点击查看代码<!--引......
  • 给第一行单元格赋值 + WPS JS获取工作表的总行数 + WPS JS获取工作表的总行数
    戳我,了解更多相关办公的小技巧给第一行单元格赋值1、在计算机中有一种ASCII编码,其中A在计算机中的表示的数字是65,a的ascii码是97,b的ascii码是98。2、从A1到F1可以看到第一个字母在变化,第2个数字始终是1,A的ascii码是65,F的ascii码是70。3、我们定义letter=65,使letter逐渐靠......
  • 读了会 axios 源码,虽然云里雾里,但是我想到了三个有趣的对比
    源码阅读最近翻来了axios源码,信心满满的看了会,虽然哪跟哪都没串起来,但是意外收获了一些新的想法。有几组不错的知识点,对比看,比单独看每个知识点,更有趣一些。遇到有趣的知识点,当然要分享一下。文章速读本文从axios的源码联想到了几个不错的知识点对比。阅读文章,可以有以下收获:知......