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脚本 Node.js 使用入门
Mar 07 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
JS 实现点击a标签的时候让其背景更换
Oct 15 Javascript
JS实现一键回顶功能示例代码
Oct 28 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
浅谈JavaScript 的执行顺序
Aug 07 Javascript
实例讲解避免javascript冲突的方法
Jan 03 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
antd Upload 文件上传的示例代码
Dec 14 Javascript
Vue路由前后端设计总结
Aug 06 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 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/11/18 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
JS实现简单的Canvas画图实例
2013/07/04 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
javascript HTML5 canvas实现打砖块游戏
2020/06/18 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
JS获取字符串实际长度(包含汉字)的简单方法
2016/08/11 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
vue与TypeScript集成配置最简教程(推荐)
2017/10/17 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
Vue使用axios出现options请求方法
2019/05/30 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
pip安装Python库时遇到的问题及解决方法
2017/11/23 Python
django限制匿名用户访问及重定向的方法实例
2018/02/07 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
在Pycharm中将pyinstaller加入External Tools的方法
2019/01/16 Python
python 随机生成10位数密码的实现代码
2019/06/27 Python
python实现梯度法 python最速下降法
2020/03/24 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
小学捐书活动总结
2014/07/05 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL