代码之家 › 专栏 › 技术社区 › AmbroseChapel

如何在Ajax中高效地编写“切换数据库值”函数?

toggle performance ajax database javascript

1

AmbroseChapel · 技术社区 · 15 年前

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

用户单击“有趣”按钮。将向数据库发送一个Ajax请求,以将该图像标记为有趣的图像。通过在DOM中指定一个类来将其标记为“on”,“有趣”按钮将亮起。

但是用户犯了一个错误。他们打算按下下一个按钮。他们应该再次单击“有趣”关闭它,对吗?

在这一点上,我不确定什么是最有效的方法。

数据库知道设置了“搞笑”标志,但是每次单击按钮时查询数据库效率很低,不管是否设置了该标志,然后再进行第二次数据库调用来切换它。

我是否应该从DOM推断数据库标志的状态,即,如果该按钮的类为“on”,则必须设置该标志,并在该点进行分支?

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

2 回复 | 直到 15 年前

1

AJ. 15 年前

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

然而,这取决于系统体系结构的各个方面。如果在用户之间或其他类似情况下共享评级,则可能需要强制执行往返以检查当前状态(或如果您具有附加的标称标志)…

2

1

Amber 15 年前

页面状态应该足够。毕竟,页面状态是用户所看到和操作的;他们期望操作的结果反映他们所看到的。