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之原型和继承
Jul 06 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
如何编写高质量JS代码(续)
Feb 25 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
Nov 18 Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
js严格模式总结(分享)
Aug 22 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
Dec 08 Javascript
Vuex简单入门
Apr 19 Javascript
js实现移动端吸顶效果
Jan 08 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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
详解WordPress中添加友情链接的方法
2016/05/21 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
Javascript 读后台cookie代码
2008/09/15 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
js获取html文件的思路及示例
2013/09/17 Javascript
JS脚本defer的作用示例介绍
2014/01/02 Javascript
jquery删除数据记录时的弹出提示效果
2014/05/06 Javascript
javascript中clone对象详解
2014/12/03 Javascript
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[00:56]PWL开团时刻DAY8——追追追追追!
2020/11/09 DOTA
python常见数制转换实例分析
2015/05/09 Python
python字典排序实例详解
2015/05/20 Python
python实现各进制转换的总结大全
2017/06/18 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
Python3最长回文子串算法示例
2019/03/04 Python
Python3实现汉语转换为汉语拼音
2019/07/08 Python
浅谈python3中input输入的使用
2019/08/02 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
python中watchdog文件监控与检测上传功能
2020/10/30 Python
梵蒂冈和罗马卡:Omnia Card Pass
2018/02/10 全球购物
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
五一手机促销方案
2014/03/08 职场文书
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL