Aurelia 停止 http 请求的过载

Question

我正在使用 Aurelia，并且有多个 Promise 调用我的 API。如果我不断地单击按钮以一遍又一遍地触发承诺，后端将超时。我怎样才能停止/停止我正在触发的 Promise 并只获取最新的 Promise，以免 API 过度工作并导致超时？

Answer 1

这不是 aurelia 特有的，它发生在任何异步事件实现中。

1. 当您单击按钮时，将调用事件处理程序。
2. 事件处理程序向您的服务器发送一个异步 AJAX 请求。因为它是异步的，所以您的代码和应用程​​序会在请求发生时继续运行。
3. 假设您单击的速度比请求完成的速度快，用户可以再次单击该按钮并同时发送第二个 AJAX 请求。
4. 更糟糕的是，并发请求甚至可能无序完成（即，后一个请求在前一个请求之前完成）。您的代码应该准备好正确处理。

如果您不希望这种行为，您可以阻止用户再次提交，直到 AJAX 请求完成。例如，您可以：

• 发送请求时禁用按钮；或
• 显示模式“加载”屏幕/微调器，以防止在请求进行时与应用程序进行任何交互。

请注意，提供用户反馈无论如何都是好的用户体验。网络请求可能由于多种原因而延迟，最好提供一些反馈，让他知道正在发生的事情。