AngularJS 资源防止重复请求

Question

在页面上设置分页我遇到了这个问题，如果用户在下一页按钮上单击 3 次，它将向服务器发送 3 个请求。防止它的最佳解决方案是什么？

我正在使用 angularJs 1.6.6 和 ngResource

Answer 1

在加载下一页之前禁用按钮点击， 或 denounce 点击事件。

Answer 2

最好的解决办法是去抖按钮点击功能。当您对函数进行去抖动时，它会在 X 秒内忽略对该函数的后续调用。

Lodash 带有用于此目的的节流和去抖方法。

如果您没有可用的 lodash，那么只需在使用 ng-disabled

单击按钮时禁用它

虽然这对客户端进行了排序，但它并不能阻止有人编写一些恶意代码来攻击你API所以如果你有时间，一些服务器端保护是个好主意。