Как не мигать при обновлении страницы из ajax
У меня есть таблица с заголовком, строка с полями ввода, строки с данными. Нравится. http://brow.hu/sitegen/stackoverflow_table_example.png
Если кто-то вводит что-то в поле ввода, я хочу отфильтровать данные с помощью запроса ajax. После получения новой таблицы я меняю содержимое старой: div.innerHTML = req.responseText;, и она мигает. Как этого избежать?
Ответы 2
Он мигает, потому что вы полностью заменяете таблицу ... если вы добавляете строки или удаляете строки из существующей таблицы, а затем загружаете данные AJAX в результирующую таблицу, она не мигает.
наверное, это тоже хороший ответ, но другой ответ Алана Хенселя попроще :) спасибо, хотя
Один из способов избежать мерцания - это двойная буферизация. В Ajax это можно сделать просто с двумя div, занимающими одно и то же пространство, один из которых имеет стиль display: none, а другой display: inline. Всегда пишите в невидимый, а потом меняйте стили отображения. Если у div-ов есть абсолютное позиционирование и размер, нет абсолютно никакой возможности для мерцания, а даже если и нет, вы вряд ли сможете добиться большего.
Ссылка на изображение теперь мертва, что делает вопрос неясным.