flutter Dio取消请求

2021-04-26 18:02:09 阅读：1090 来源： 互联网

标签：Dio 请求取消 res token cancelToken flutter CancelToken

取消请求使用场景：

导航菜单菜单平凡切换，同一个页面反复点击进去在出来，重复操作，造成前端一直发请求给后台，要是后台响应速度快还好，要是接口响应很慢，请求就会一直处于 pending 状态，很影响页面性能，所以反复操作的时候，应该把请求取消掉，由 pending 状态变为 failed，页面就不会被阻塞

官方示例是这样的，但是在实际请求中使用时出了一系列问题，下面是解决方案，只能说能用

CancelToken token = CancelToken();
dio.get(url, cancelToken: token)
    .catchError((DioError err){
      if (CancelToken.isCancel(err)) {
        print('Request canceled! '+ err.message)
      }else{
        // handle error.
      }
    });
// cancel the requests with "cancelled" message.
token.cancel("cancelled");

解决办法
把接口封装在一个类中了，每次在掉接口的时候都重新实例化一下，如果只是单纯的封装成两个方法，取消请求后，下次在重新请求的时候就请求不了，不能正常返回数据，也就是说只要取消了请求，那么这个接口就请求不了数据了

// 可以取消请求的接口
class CancelRequest {
  CancelRequest();  // 构造函数
  CancelToken token = CancelToken();

  apiCancelToken() {
    dio.get('/CancelToken2?name=CancelToken', cancelToken: token).then((res) {
      print(res.data);
      return res.data;
    });
  }

  cancelToken() {
    token.cancel('响应太慢了，取消了请求');
  }
}

使用的时候

CancelRequest p;

_getData() {
// 每次请求的时候一定要实例化，不然取消请求后下次就请求不了
    p = CancelRequest(); 
    try {
      p.apiCancelToken().then((res) {
        print(res);
      });
    } catch (e) {
      print('7777777771');
    }
  }

取消请求

_cancelRequest() {
    p.cancelToken();
  }

在这里插入图片描述

标签：Dio,请求,取消,res,token,cancelToken,flutter,CancelToken
来源： https://blog.csdn.net/qq_45717722/article/details/116164224

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

flutter Dio取消请求