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实现仿银行密码输入框效果的代码
Dec 13 Javascript
IE8 浏览器Cookie的处理
Jan 31 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
Aug 14 Javascript
动态加载script文件的两种方法
Aug 15 Javascript
jquery.post用法示例代码
Jan 03 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 Javascript
AngularJS实现星星等级评分功能
Sep 24 Javascript
浅谈es6语法 (Proxy和Reflect的对比)
Oct 24 Javascript
Three.js中矩阵和向量的使用教程
Mar 19 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 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实现简易blog的制作
2016/10/24 PHP
关于this和self的使用说明
2010/08/01 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
jQuery Validate表单验证入门学习
2015/12/18 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
从零开始学习Node.js系列教程四:多页面实现的数学运算示例
2017/04/13 Javascript
JavaScript中递归实现的方法及其区别
2017/09/12 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
python计算一个序列的平均值的方法
2015/07/11 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python操作MySQL数据库实例详解【安装、连接、增删改查等】
2020/01/17 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
python 如何实现遗传算法
2020/09/22 Python
python中常用的数据结构介绍
2021/01/12 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
应聘收银员个人的求职信
2013/11/30 职场文书
留学推荐信写作指南
2014/01/25 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
2015年外联部工作总结
2015/04/03 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
合作意向书怎么写
2019/06/24 职场文书
python基础之爬虫入门
2021/05/10 Python
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS