vue如何使用async、await实现同步请求
程序员文章站
2022-04-09 16:38:21
这篇文章主要介绍了vue如何使用async、await实现同步请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
以下是vue m...
这篇文章主要介绍了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回调函数中,调用这个方法, 将需要的参数传递进去。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: angularjs中的e2e测试实例
下一篇: C# dataset存放多张表的实例
推荐阅读
-
微信小程序中使用Async-await方法异步请求变为同步请求方法
-
小程序开发中如何使用async-await并封装公共异步请求的方法
-
微信小程序中使用Async-await方法异步请求变为同步请求方法
-
vue如何使用async、await实现同步请求
-
Vue-如何使用axios实现同步请求
-
Vue解决axios接口异步请求数据不同步返回的问题-async/await
-
如何使用vue中以a=a&b=b格式实现post请求
-
vue在多方法执行完后再执行另一个方法(等待请求完数据再执行)async/await使用方法和Promise.all
-
如何使用vue-cli开发环境实现跨域请求
-
如何使用vue-cli开发环境实现跨域请求