php - 使用 AJAX 更新 DOM 以反射(reflect)数据库中的更改的最佳方法是什么？

Question

我正在使用 PHP、MySQL 和 jQuery 构建此应用程序。本质上，它是一个 list 管理应用程序。

我有这些可以异步编辑的 list (以表格形式排列，很像电子表格)；每次发生更改时，都会通过对 PHP 的 AJAX 调用进行报告，从而更新 MySQL。

棘手的部分是，其他人可能会同时编辑同一个 list ，如果 jQuery 注意到 JSON 对象之间的更改(它会定期触发 HTTP 请求以 ping )，则更新 list 的内容DB)和 HTML 表格行中的内容。

这对于我的 list 中有限数量的项目来说效果很好，但是当我的 list 中包含大量行时，它会有点崩溃并滞后。我知道效率低下的原因在于，每次对 list 中的最新项目发出 HTTP 请求时，我都会循环遍历 HTML 表中的每一行，并将该行的内容与 JSON 中相应的 list 项目进行比较对象以查看是否有更改。

我想知道是否有一种更有效的方法来检测 JSON 对象和屏幕上的内容之间的变化，而无需循环遍历 DOM？

本质上，如何通过最少的 DOM 操作保持大型数据集异步同步？

非常感谢!

Answer 1

不要循环遍历 DOM，而是根据用户输入更新本地数据结构。然后将该本地数据结构与从 Web 服务返回的新数据结构进行比较。然后应该很容易只更新 DOM 中需要通过 ID 更新的节点。