javascript - 切换路由时清理请求和回调

Question

我有一个主干应用程序，可以将一些数据从 API 加载到图表中。这个应用程序有几个选项卡，可以浏览这些选项卡以访问这些不同的图表，每个选项卡都执行一条路线。每个图表都是 ChartView 的一个实例，其中包含适当的数据。

我遇到了一些 API 调用可能需要一段时间导致的问题。当请求花费的时间太长时，一些用户开始快速循环浏览选项卡，一个接一个地快速执行每个路由。这会触发所有集合提取，最终会弄乱界面，因为一些回调会进行一些渲染。

所以我的问题是，我如何确保每次加载新路由(即使它是快速连续完成的)时所有未决或启动的请求都停止，因此不会触发“请求成功”回调？

Answer 1

我建议重写 Backbone.Views remove 方法。使用常规的 stopListening，中止 ajax 调用，还设置一个标志，如 this.removed=true。在您的渲染函数中检查是否有删除的标志，如果存在则不渲染。如果点击速度非常快，您可能需要在调用任何电话前检查一下。