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
JS模拟面向对象全解(一、类型及传递)
Jul 13 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
Dec 19 Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
基于javascript如何传递特殊字符
Nov 30 Javascript
关于RequireJS的简单介绍即使用方法
Oct 20 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 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
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
thinkphp验证码显示不出来的解决方法
2014/03/29 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
jQuery获取标签文本内容和html内容的方法
2015/03/27 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
AngularJs 弹出模态框(model)
2016/04/07 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
2016/04/15 Javascript
js实现的简单图片浮动效果完整实例
2016/05/10 Javascript
jQuery DateTimePicker 日期和时间插件示例
2017/01/22 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
linux环境中没有网络怎么下载python
2019/07/07 Python
python爬虫开发之使用python爬虫库requests,urllib与今日头条搜索功能爬取搜索内容实例
2020/03/10 Python
python中什么是面向对象
2020/06/11 Python
用python爬虫批量下载pdf的实现
2020/12/01 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
html5弹跳球示例代码
2013/07/23 HTML / CSS
英语系本科生求职信范文
2013/12/18 职场文书
《我的信念》教学反思
2014/02/15 职场文书
店面销售职位的职责
2014/03/09 职场文书
经典公益广告词
2014/03/13 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
副科级后备干部考察材料
2014/05/15 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
2014年涉外离婚协议书范本
2014/11/20 职场文书
2015新年寄语大全
2014/12/08 职场文书
汽车销售员工作总结
2015/08/12 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
python ansible自动化运维工具执行流程
2021/06/24 Python
java解析XML详解
2021/07/09 Java/Android
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle
前端传参数进行Mybatis调用mysql存储过程执行返回值详解
2022/08/14 MySQL