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 实现模态对话框 源代码大全
May 02 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
js三种排序算法分享
Aug 16 Javascript
用js正确判断用户名cookie是否存在的方法
Jan 28 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
Aug 26 Javascript
Node.js Express 框架 POST方法详解
Jan 23 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
Jan 24 Javascript
web前端页面生成exe可执行文件的方法
Feb 08 Javascript
使用vue-cli编写vue插件的方法
Feb 26 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 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 curl 伪造IP来源的实例代码
2012/11/01 PHP
深入apache host的配置详解
2013/06/09 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
防止动态加载JavaScript引起的内存泄漏问题
2009/10/08 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
2013/11/19 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
使用javascript实现简单的选项卡切换
2015/01/09 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
2015/11/15 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
详解如何让Express支持async/await
2017/10/09 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
Vue 实现前进刷新后退不刷新的效果
2019/06/14 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
2020/02/25 Javascript
微信小程序地图实现展示线路
2020/07/29 Javascript
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
Python 转义字符详细介绍
2017/03/21 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
pandas 时间格式转换的实现
2019/07/06 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
英文自荐信
2013/12/19 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
学校节能减排方案
2014/06/13 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
员工自我评价范文
2015/03/11 职场文书
2015年项目工作总结
2015/04/29 职场文书
汉语拼音教学反思
2016/02/22 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android