vue如何使用async、await实现同步请求


Posted in Javascript onDecember 09, 2019

这篇文章主要介绍了vue如何使用async、await实现同步请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

以下是vue method的demo:

loadTableData : async function() {
       
        var reses = await $.ajax({
          type:'post',
          url:'/linewell/system/user/queryPageList.do'/*,
        });

        console.log("reses", reses);
      }

其中方法需要用async修饰, 然后

var 变量 = await 请求

就可以将请求到的响应赋值给reses, 否则按照传统的异步请求, 定义变量reses, 在success函数中对reses进行赋值, 打印出来的reses仍然为空。

但是我们一般不建议这么写,若确实需要先获取相应的信息,可以把业务代码封装到一个方法里面,然后在success回调函数中,调用这个方法, 将需要的参数传递进去。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
Javascript面向对象编程(二) 构造函数的继承
Aug 28 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
js实现跨域的4种实用方法原理分析
Oct 29 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
浅析从vue源码看观察者模式
Jan 29 Javascript
webpack css加载和图片加载的方法示例
Sep 11 Javascript
Js跳出两级循环方法代码实例
Sep 22 Javascript
详解vite2.0配置学习(typescript版本)
Feb 25 Javascript
详解TypeScript中的类型保护
Apr 29 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 #Javascript
vue新建项目并配置标准路由过程解析
Dec 09 #Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 #Javascript
简述Vue中容易被忽视的知识点
Dec 09 #Javascript
vue路由传参三种基本方式详解
Dec 09 #Javascript
vue使用nprogress实现进度条
Dec 09 #Javascript
javascript数组元素删除方法delete和splice解析
Dec 09 #Javascript
You might like
fleaphp下不确定的多条件查询的巧妙解决方法
2008/09/11 PHP
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
Javascript中的数学函数
2007/04/04 Javascript
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
js 连续赋值的简单实现
2016/06/13 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
express默认日志组件morgan的方法
2018/04/05 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
2019/03/06 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
Linux CentOS7下安装python3 的方法
2018/01/21 Python
Python中py文件转换成exe可执行文件的方法
2019/06/14 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
Python开发企业微信机器人每天定时发消息实例
2020/03/17 Python
Python基于pip实现离线打包过程详解
2020/05/15 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
银行实习人员自我鉴定
2013/09/22 职场文书
出纳岗位职责模板
2013/11/27 职场文书
篝火晚会主持词
2014/03/25 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
会计毕业生自荐书
2014/06/12 职场文书
大学生实习证明范文(5篇)
2014/09/18 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
房屋质量投诉书
2015/07/02 职场文书
2015大一新生军训感言
2015/08/01 职场文书
安全生产会议制度
2015/08/06 职场文书
详解MySQL数据库千万级数据查询和存储
2021/05/18 MySQL
Python基础 括号()[]{}的详解
2021/11/07 Python
Hive常用日期格式转换语法
2022/06/25 数据库