.load () с анимированным .gif в ожидании результатов

Question

Я использую метод jquery .load () для загрузки результатов поиска в div, например, так (упрощенная версия)

$('#resultscontainer').load("results.php", {data: data});

Конечный результат потребует отправки дополнительных данных и потенциальныхвремя ожидания загрузки результатов в div.Можно ли отобразить анимированный GIF-файл (например, вращающийся значок) в элементе div «resultscontainer» во время обработки данных?

Answer 1

Sup livinzlife

да, в jquery есть специальные события для этого: D

$("#loading").ajaxStart(function(){
  $(this).show();
});

$("#loading").ajaxStop(function(){
  $(this).hide();
});

где #loading - ваш gif, например: http://www.ajaxload.info/