jquery - 如何保持服务器和浏览器之间的队列同步？

Question

我有一个表(代表一个项目队列)，其行可以使用 jQuery 可排序插件重新排序。用户可以重新排序他们的队列，并且更新的顺序可以很好地保存到服务器。

我面临的挑战是服务器定期从队列顶部拉出一个项目，对其进行处理，然后将其移动到队列底部。发生这种情况时，用户在浏览器上看到的顺序已过时，当他们尝试重新排序时，索引会变得困惑。

我提出了几个解决方案来解决这个问题，但我不太确定从可用性的角度来看什么交互才有意义。我考虑过检测 UI 上的拖动事件并首先检查服务器上的更新，但如果我刷新页面，那么用户正在进行的拖动将会被中断。

我知道服务器何时会更新队列，因此我考虑轮询此信息，然后在更新发生前几秒钟锁定拖动功能，然后更新顺序并解锁拖动功能。

我很好奇以前是否有人解决过类似的问题。任何想法或指导将不胜感激。

Answer 1

解决此问题的常用方法是使用 Ajax 定期(大约 10 秒)刷新页面。如果客户端状态过时，您应该通知用户并恢复客户端状态以与服务器同步。可以通过多种方式实现恢复:最简单的方法是拒绝客户端的更改并使用服务器的状态进行更新。更难的是尝试将客户端状态与服务器状态合并，这更有用。