flutter Dio取消请求
2021/4/26 18:28:24
本文主要是介绍flutter Dio取消请求,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
取消请求使用场景:
导航菜单菜单平凡切换,同一个页面反复点击进去在出来,重复操作,造成前端一直发请求给后台,要是后台响应速度快还好,要是接口响应很慢,请求就会一直处于 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(); }
这篇关于flutter Dio取消请求的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-02springboot项目无法注册到nacos-icode9专业技术文章分享
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)