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 相关文章推荐
基于jquery的滑动样例代码
Nov 20 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
jQuery实现强制cookie过期方法汇总
May 22 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
vue数据双向绑定原理解析(get & set)
Mar 08 Javascript
ES6中Array.find()和findIndex()函数的用法详解
Sep 16 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
Apr 14 Javascript
jQuery实现手风琴特效
Jan 11 jQuery
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防注
2007/01/15 PHP
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
注意!PHP 7中不要做的10件事
2016/09/18 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
7个Javascript地图脚本整理
2009/10/20 Javascript
Javascript UrlDecode函数代码
2010/01/09 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
javascript写的简单的计算器,内容很多,方法实用,推荐
2011/12/29 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
2016/12/14 Javascript
在点击div中的p时,如何阻止事件冒泡
2017/02/07 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
Python中的一些陷阱与技巧小结
2015/07/10 Python
动感网页相册 python编写简单文件夹内图片浏览工具
2016/08/17 Python
python中的闭包函数
2018/02/09 Python
python实现动态创建类的方法分析
2019/06/25 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
python topk()函数求最大和最小值实例
2020/04/02 Python
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
法国奢华女性时尚配饰网上商店:Monnier Frères
2016/08/27 全球购物
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
写给女生的道歉信
2014/01/08 职场文书
2015年消防工作总结
2015/04/24 职场文书
文明礼仪倡议书
2015/04/28 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
详解Laravel服务容器的优势
2021/05/29 PHP
Java 超详细讲解IO操作字节流与字符流
2022/03/25 Java/Android
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python