链接

你的应用需要一个 “可取消的异步 HTTP 请求模块” 视屏版

github

如何取消一个异步 HTTP 请求？

异步 HTTP 请求在现代 web 应用中可以说是随处可见。为了更好的用户体验，05 年出现了 Ajax，支持不刷新页面实现局部更新。

Ajax 支持同步和异步两种方式，但是大家基本上只用异步方法，因为发送同步请求会让浏览器进入暂时性的假死状态，特别是请求需要处理大数据量、长时间等待的接口，这种情况下采用同步请求，会带来非常不好的用户体验。所以大家普遍都采用异步请求的方式，于是就有了今天的话题，你可能需要一个可取消的异步 HTTP 请求。大家可以思考以下几个问题：

• 为什么需要可取消的异步 HTTP 请求？

• 在什么场景下会用到？

• 它有什么用？

下面两个动画是对上述过程的一个演示，可以帮助大家更加清晰的理解这个场景。第一个动画是正常操作，在点击 Tab 2 按钮时，等待接口返回后才继续点击 Tab 3。但第二个动画就演示了这个异常现象，点击 Tab 2 后没等接口返回直接点击 Tab 3，发现内容去先显示 Tab 3 接口的内容，然后又变成了 Tab 2 接口的结果。