一尘不染

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

ajax

我有一个带有标题的表,一个带有输入字段的行,一个带有数据的行。像这样。http://brow.hu/sitegen/stackoverflow_table_example.png

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


阅读 326

收藏
2020-07-26

共1个答案

一尘不染

避免闪烁的一种方法称为双缓冲。在Ajax中,只需两个div占用相同的空间即可完成此操作,其中一个div的样式为“ display:none”,另一个为“
display:inline”。始终写入不可见的内容,然后交换显示样式。如果div具有绝对的位置和大小,则绝对没有闪烁的机会,即使没有,也很难做得更好。

2020-07-26