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 confirm()方法的使用方法实例
Jul 13 Javascript
在javascript中执行任意html代码的方法示例解读
Dec 25 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 Javascript
AngularJS利用Controller完成URL跳转
Aug 09 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
详解关于element级联选择器数据回显问题
Feb 20 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
jQuery插件实现图片轮播效果
Oct 19 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的autoload自动加载机制使用说明
2010/12/28 PHP
PHP curl模拟浏览器采集阿里巴巴的实现代码
2011/04/20 PHP
laravel 解决ajax异步提交数据,并还回填充表格的问题
2019/10/15 PHP
document.all还是document.getElementsByName?
2006/07/21 Javascript
arguments对象
2006/11/20 Javascript
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
js获取Get值的方法
2016/09/29 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
浅谈Postman解决token传参的问题
2018/03/31 Javascript
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python Web框架Tornado运行和部署
2020/10/19 Python
对python 自定义协议的方法详解
2019/02/13 Python
在python中利用numpy求解多项式以及多项式拟合的方法
2019/07/03 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
python对常见数据类型的遍历解析
2019/08/27 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
个人应聘自我评价分享
2013/11/18 职场文书
国贸专业个人求职信分享
2013/12/04 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
「月刊Action」2022年5月号封面公开
2022/03/21 日漫