从ajax更新页面时如何避免闪烁

Question

我有一个带有标题的表格、带有输入字段的行、带有数据的行。 Like this. http://brow.hu/sitegen/stackoverflow_table_example.png

如果有人在输入字段中输入内容，我想使用 ajax 查询过滤数据。收到新表后，我更改了旧表的内容：div.innerHTML = req.responseText;，它会闪烁。如何避免？

Answer 1

避免闪烁的一种方法称为双缓冲。在 Ajax 中，这可以简单地通过 2 个 div 占据相同的空间来完成，其中一个样式为“display: none”，另一个为“display: inline”。始终写入不可见的，然后交换显示样式。如果 div 有绝对的定位和大小，那么绝对没有闪烁的机会，即使没有，也很难做得更好。

Answer 2

它会闪烁，因为您正在完全替换表格...如果您在现有表格中添加行或删除行，然后将 AJAX 数据加载到生成的表格中，它不会闪烁。