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 iframe的相互操作浅析
Oct 14 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
基于jQuery实现表格的查看修改删除
Aug 01 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
webuploader模态框ueditor显示问题解决方法
Dec 27 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
JavaScript继承与聚合实例详解
Jan 22 Javascript
html5中sharedWorker实现多页面通信的示例代码
May 07 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 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
PHP之图片上传类实例代码(加了缩略图)
2016/06/30 PHP
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
实现只能输入数字的input不用replace方法
2013/09/12 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
iPhone手机上搭建nodejs服务器步骤方法
2015/07/06 NodeJs
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
jquery html5 视频播放控制代码
2016/11/06 Javascript
Angular2搜索和重置按钮过场动画
2017/05/24 Javascript
详解node nvm进行node多版本管理
2017/10/21 Javascript
vue 项目地址去掉 #的方法
2018/10/20 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
使用Python实现一个简单的项目监控
2015/03/31 Python
pandas通过字典生成dataframe的方法步骤
2019/07/23 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
如何用Lucene索引数据库
2016/02/23 面试题
升职自荐信
2013/11/28 职场文书
初婚初育证明
2014/01/14 职场文书
业务部主管岗位职责
2014/01/29 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
2014年导购员工作总结
2014/11/18 职场文书
2014司机年终工作总结
2014/12/05 职场文书
还款承诺书范本
2015/01/20 职场文书
市场部岗位职责
2015/02/12 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
2015最新民情日记范文
2015/06/26 职场文书
十大最强飞行系宝可梦,BUG燕上榜,第二是飞行系王者
2022/03/18 日漫