vue异步请求等待处理的回调
需求:有的时候我们需要在网络请求结束后,再进行后续动作,例如,在一段网络请求结束后执行跳转,如果不做处理,会有可能出现网络请求未完成的时候页面就已经跳转走不存在了,所以要在调用网络请求的方法中加入一个回调函数,函数里边写请求结束的代码,然后等待网络请求结束后,再去执行这个回调函数异步的网络请求方法请求方法中传入callback回调方法作为参数async postRequest(da...
·
需求:有的时候我们需要在网络请求结束后,再进行后续动作,例如,在一段网络请求结束后执行跳转,如果不做处理,会有可能出现网络请求未完成的时候页面就已经跳转走不存在了,所以要在调用网络请求的方法中加入一个回调函数,函数里边写请求结束的代码,然后等待网络请求结束后,再去执行这个回调函数
异步的网络请求方法
请求方法中传入callback回调方法作为参数
async postRequest(data, callback){
// 等待网络请求结束
await api.post('url', data, hideError);
// 网络请求结束后才执行下边的语句 如果传入的callback方法为空或者没传内容也不会去执行,这样也不会影响此方法在别处的调用
if(callback){
// 回调方法执行 ,网络请求结束后执行回调方法中的代码,这里以跳转为例
callback();
}
},
异步方法调用
recommend_click(){
postRequest({ }, function(){
// 此处在上边网络请求结束后 执行 callback();方法的时候才会执行下边跳转语句
location.href = `路由页面`;
});
},
更多推荐
已为社区贡献14条内容
所有评论(0)