首页 > 其他分享 >axios-结合async和await调用axios

axios-结合async和await调用axios

时间:2023-06-13 23:12:05浏览次数:50  
标签:axios await 调用 result async POST

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

标签:axios,await,调用,result,async,POST
From: https://www.cnblogs.com/yang-young-young/p/17478952.html

相关文章

  • 二次封装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......
  • promise、async、await
    一、promise语法上:promise是一个对象,从它可以获取异步操作的消息本意上:它是承诺,承诺它过一段时间会给你一个结果【如果想通过异步方法先后检测用户名和密码,需要先异步检测用户名,然后再异步检测密码的情况下就很适合Promise】1、创建此构造函数包含一个参数和一个带有resolv......
  • 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:{//请求前缀......
  • [Javascript] async / defer
     normalscript,withoutasyncdefer:Scriptfetchedandexecutedimmediately,beforebrowsercontinuesparsingthepage(ItstopsHTMLparsing).Ifthescriptislarge,thiscancausenoticeabledelaysinpageloading. async:Scriptisfetchedasynchr......
  • 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|......
  • vue3的composition API如何使用async语句
    问题:在setup使用aysnc,生命函数钩子和函数必须出现在await语句前面,否者会出现组件无法渲染以及内存泄漏的问题。import{ref,watch,onMounted,onUnmounted}from'vue'exportdefaultdefineAsyncComponent({asyncsetup(){constcounter=ref(0......
  • 使用axios 请求后端
    1、使用CDN的方式导入axios点击查看代码<scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script>二,跨域问题的解决1,什么是跨域CORS,全称是:Cross-OriginResourceShareing2,跨域问题的解决后端增加全局的过滤器三,前端elementUI点击查看代码<!--引......
  • 读了会 axios 源码,虽然云里雾里,但是我想到了三个有趣的对比
    源码阅读最近翻来了axios源码,信心满满的看了会,虽然哪跟哪都没串起来,但是意外收获了一些新的想法。有几组不错的知识点,对比看,比单独看每个知识点,更有趣一些。遇到有趣的知识点,当然要分享一下。文章速读本文从axios的源码联想到了几个不错的知识点对比。阅读文章,可以有以下收获:知......