vue如何使用async、await实现同步请求
2019-12-10 07:10
3099 查看
这篇文章主要介绍了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回调函数中,调用这个方法, 将需要的参数传递进去。
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- 使用 async 和 await,实现 fetch 同步请求
- 使用Promise和async-await实现的一个异步遍历+同步执行任务的实例
- 使用Typescript写的Vue初学者Hello World实例(实现按需加载、跨域调试、await/async)
- 微信小程序中使用Async-await方法异步请求变为同步请求方法
- Visual Studio Async CTP的实现原理浅析 - 如何不使用async和await关键字来实现Async
- 不使用回调函数的ajax请求实现(async和await简化回调函数嵌套)
- 小程序开发中如何使用async-await并封装公共异步请求的方法
- 如何在.net4.0中使用.net4.5的async/await实现异步
- 不使用回调函数的ajax请求实现(async和await简化回调函数嵌套)
- 如何在.net4.0中使用.net4.5的async/await
- 介绍.net 4.5 异步编程核心内容,如何使用Async和Await进行异步编程
- 使用AsyncHttpClient 实现get和post请求
- Vue 2.x 如何利用proxyTable实现跨域请求(反向代理)
- 说说如何使用 vue-router 实现页面跳转
- android(21)(使用HttpURLConnection,HttpClient和AsyncHttpClient分别实现post和get请求数据)
- [原创.数据可视化系列之十二]使用 nodejs通过async await建立同步数据抓取
- Vue如何使用vue-area-linkage实现地址三级联动效果
- 如何使用vue使同一个弹窗同时能实现添加和编辑
- TypeSrcript如何引入第三方库 如果加d.ts以及async await如何使用 demo,只有代码,文字后续补充
- afnetwork如何实现同步请求