javascript - 如何在 AJAX 中高效地编写 "toggle database value"函数？

Question

假设我有一个网站，向用户显示十张图片并要求他们通过单击按钮对每张图片进行分类。一个“有趣”的按钮，一个“可怕”的按钮，一个“漂亮”的按钮等等。这些按钮不是唯一的。一张照片可以既有趣又可怕。

用户点击“搞笑”按钮。 AJAX 请求被发送到数据库以将该图像标记为有趣。通过在 DOM 中分配一个类以将其标记为“打开”，“有趣”按钮会亮起。

但是用户犯了一个错误。他们打算按下一个按钮。他们应该再次点击“搞笑”将其关闭，对吧？

此时我不确定最有效的方法是什么。

数据库知道设置了“funny”标志，但每次单击按钮时都要查询数据库以说明是否设置了此标志，然后继续调用第二个数据库来切换它，这样效率很低。

我是否应该从 DOM 中推断数据库标志的状态，即如果该按钮具有“on”类，则必须设置标志，并在该点分支？

或者在页面中使用 Javascript 数据结构复制数据库中每个图像的状态会更好，这样每次我将数据库标志设置为 true 时，我也会在 Javascript 数据中设置值到 true 等等？

Answer 1

我会将元素的状态保留在页面上的 js 中，并通过 Ajax 发出状态更改请求。在服务器端，直接处理或引入状态验证检查是合理的。

然而，这取决于您的系统架构的各个方面。如果评级在用户或其他类似场景之间共享，您可能需要强制执行往返以检查当前状态(或者如果您有附加名义标志)...