vue异步请求等待处理的回调

需求:有的时候我们需要在网络请求结束后,再进行后续动作,例如,在一段网络请求结束后执行跳转,如果不做处理,会有可能出现网络请求未完成的时候页面就已经跳转走不存在了,所以要在调用网络请求的方法中加入一个回调函数,函数里边写请求结束的代码,然后等待网络请求结束后,再去执行这个回调函数

异步的网络请求方法

请求方法中传入callback回调方法作为参数

 async postRequest(data, callback){
// 等待网络请求结束
    await api.post('url', data, hideError);
// 网络请求结束后才执行下边的语句  如果传入的callback方法为空或者没传内容也不会去执行,这样也不会影响此方法在别处的调用
    if(callback){
    // 回调方法执行 ,网络请求结束后执行回调方法中的代码,这里以跳转为例
      callback();
    }
      

  },

异步方法调用

recommend_click(){
          postRequest({ }, function(){
          // 此处在上边网络请求结束后 执行 callback();方法的时候才会执行下边跳转语句
              location.href = `路由页面`;
          });
        },
发布了316 篇原创文章 · 获赞 63 · 访问量 37万+

猜你喜欢

转载自blog.csdn.net/ytfunnysite/article/details/101365601