Получить данные шаг за шагом после определенной задержки, используя ajax и jquery в php

Question

Я новичок в Jquery.Что я хочу, чтобы отображать данные с помощью AJAX в пошаговой манере.Итак, допустим, если в моей базе данных есть таблица «DATA» с именем поля «info», имеющая в качестве данных несколько строк

info

1 2 3 4 5

Теперь я хочу отобразить все пять строк, но после некоторой задержки, скажем, через секунду.

Поэтому я хочу использовать Jquery с AJAX для извлечения данных из таблицы MySQL и отображения каждой строки через секунду.

Приведите пример решения этой проблемы.Заранее спасибо ...

Answer 1

Вы можете использовать метод delay().Предположим, что вы загрузили записи через ajax и используете анимацию fadeIn, вы можете сделать что-то вроде этого:

$('<div>').html(AjaxResponse).addClass('test').hide();
$('div.test').slideUp(300).delay(1000).fadeIn(400);

Или использовать вместо него setTimeout:

setTimeout(function() { $('div.test').slideUp(300).delay(1000).fadeIn(400); }, 5000);

Answer 2

jQuery ДЕЛАЕТ функцию задержки, что делает это возможным только в том виде, в котором вы его описываете.

Возможно, вам придется разделить данные, которые вы отправляете (с вашим PHP-скриптом), обратно в ваш скрипт jQuery, чтобы вВаш JQuery вы можете разделить на этот разделитель.

Затем просто используйте цикл, комбинируя функции появления и задержки ()