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 相关文章推荐
js或css文件后面跟参数的原因说明
Jan 09 Javascript
javascript中关于break,continue的特殊用法与介绍
May 24 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
JavaScript中的console.log()函数详细介绍
Dec 29 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
AngularJS ng-mousedown 指令
Aug 02 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
Apr 14 Javascript
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
layui form.render('select', 'test2') 更新渲染的方法
Sep 27 Javascript
JS实现瀑布流效果
Mar 07 Javascript
Vue中父子组件的值传递与方法传递
Sep 28 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下使用SMTP发邮件的代码
2008/01/10 PHP
php adodb分页实现代码
2009/03/19 PHP
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
php class类的用法详细总结
2013/10/17 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
JS Array.slice 截取数组的实现方法
2016/01/02 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
Python 实现 贪吃蛇大作战 代码分享
2016/09/07 Python
解决出现Incorrect integer value: '' for column 'id' at row 1的问题
2017/10/29 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
ET Mall东森购物网:东森严选
2017/03/06 全球购物
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
Ibatis如何调用存储过程
2015/05/15 面试题
个人能力自我鉴赏
2014/01/25 职场文书
解除劳动关系协议书范文
2014/09/11 职场文书
夫妻分居协议书范本(有子女版)
2014/11/01 职场文书
2014年班长个人工作总结
2014/11/14 职场文书
监考失职检讨书
2015/01/26 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android
Springboot-cli 开发脚手架,权限认证,附demo演示
2022/04/28 Java/Android