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 相关文章推荐
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
Nov 26 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
7个让JavaScript变得更好的注意事项
Jan 28 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
javascript闭包概念简单解析(推荐)
Jun 03 Javascript
js实现导航栏中英文切换效果
Jan 16 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
原生JavaScript之es6中Class的用法分析
Feb 23 Javascript
vue修饰符.capture和.self的区别
Apr 22 Vue.js
uniapp开发打包多端应用完整方法指南
Dec 24 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
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
php的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
php实例分享之mysql数据备份
2014/05/19 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
php DES加密算法实例分析
2019/09/18 PHP
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
2015/04/06 Javascript
详解js跨域原理以及2种解决方案
2015/12/09 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
Python中SOAP项目的介绍及其在web开发中的应用
2015/04/14 Python
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
linux 下selenium chrome使用详解
2020/04/02 Python
高考考python编程是真的吗
2020/07/20 Python
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
校园新闻广播稿
2014/01/10 职场文书
争做文明公民倡议书
2019/06/24 职场文书
MySQL infobright的安装步骤
2021/04/07 MySQL
ObjectMapper 如何忽略字段大小写
2021/06/29 Java/Android