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 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
Apr 26 Javascript
js使用栈来实现10进制转8进制与取除数及余数
Jun 11 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
Apr 20 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
vue的webcamjs集成方式
Nov 16 Javascript
JS代码实现页面切换效果
Jan 10 Javascript
vue3不同环境下实现配置代理
May 25 Vue.js
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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
火车头discuz6.1 完美采集的php接口文件
2009/09/13 PHP
jquery.validate使用攻略 第三部
2010/07/01 Javascript
异步加载script的代码
2011/01/12 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
Jquery 实现图片轮换
2015/01/28 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
easyui tree带checkbox实现单选的简单实例
2016/11/07 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
如何处理Python3.4 使用pymssql 乱码问题
2016/01/08 Python
python中使用PIL制作并验证图片验证码
2018/03/15 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
汇智创新科技发展有限公司
2015/12/06 面试题
体育老师的教学自我评价分享
2013/11/19 职场文书
大学四年职业生涯规划书范文
2014/01/02 职场文书
工程专业应届生求职信
2014/02/19 职场文书
高三学生评语大全
2014/04/25 职场文书
党的群众路线教育实践活动查摆剖析材料
2014/10/10 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
先进个人材料怎么写
2014/12/30 职场文书
应聘教师求职信范文
2015/03/20 职场文书
教师外出学习心得体会
2016/01/18 职场文书
Nginx如何配置多个服务域名解析共用80端口详解
2022/09/23 Servers