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 相关文章推荐
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
javascript中的parseInt和parseFloat区别
Jul 12 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
Bootstrap对话框使用实例讲解
Sep 24 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
浅谈angular4实际项目搭建总结
Dec 01 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 10 Javascript
Nest.js参数校验和自定义返回数据格式详解
Mar 29 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
3种平台下安装php4经验点滴
2006/10/09 PHP
巧用php中的array_filter()函数去掉多维空值的代码分享
2012/09/07 PHP
CodeIgniter框架过滤HTML危险代码
2014/06/12 PHP
php获取apk包信息的方法
2014/08/15 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
PHP与Web页面的交互示例详解一
2020/08/04 PHP
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
jquery下操作HTML控件的实现代码
2010/01/12 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
js导出txt示例代码
2014/01/14 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
原生JS取代一些JQuery方法的简单实现
2016/09/20 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
机器学习python实战之手写数字识别
2017/11/01 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
python实现简易数码时钟
2021/02/19 Python
对Python中画图时候的线类型详解
2019/07/07 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
Carmen Sol官网:购买果冻鞋、手袋和配件
2021/01/01 全球购物
2013年军训通讯稿
2014/02/05 职场文书
土建工程师岗位职责
2014/06/10 职场文书
离婚财产分配协议书
2014/10/21 职场文书
oracle索引总结
2021/09/25 Oracle
Python时间操作之pytz模块使用详解
2022/06/14 Python