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 相关文章推荐
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
Jan 15 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
jQuery EasyUI 入门必看
Jun 03 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
简单实现js页面切换功能
Jan 10 Javascript
AngularJS 作用域详解及示例代码
Aug 17 Javascript
AngularJS实现Input格式化的方法
Nov 07 Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
分享Angular http interceptors 拦截器使用(推荐)
Nov 10 Javascript
javascript+css实现进度条效果
Mar 25 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
php限制文件下载速度的代码
2015/10/20 PHP
javascript 面向对象编程基础:封装
2009/08/21 Javascript
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
2013/01/29 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
理解JS绑定事件
2016/01/19 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
layui监听工具栏的实例(操作列表按钮)
2019/09/10 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
[54:43]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第一场 2月22日
2021/03/11 DOTA
给Python初学者的一些编程技巧
2015/04/03 Python
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
Python的bit_length函数来二进制的位数方法
2019/08/27 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
Python Pillow.Image 图像保存和参数选择方式
2020/01/09 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
CSS3弹性伸缩布局之box布局
2016/07/12 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
市优秀教师事迹材料
2014/02/05 职场文书
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
消防安全责任书
2014/04/14 职场文书
学校文明单位申报材料
2014/05/06 职场文书
村庄环境整治方案
2014/05/15 职场文书
社区科普工作方案
2014/06/03 职场文书
人事专员岗位职责说明书
2014/07/30 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL