Индикатор загрузки контента через AJAX

@ixapek · Регистрация: 18.05.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Ситуация такая: при клике по ссылке аяксом получаю данные (текст и изображения). На то время, пока данные полностью не прогрузятся нужно показывать .gif а-ля "loading".
Пробовал начать показ гиф в beforeSend и скрывать в success, но в этом случае картинки остаются непрогруженными и догружаются после показа. Пробовал метод load, но в этом случае все, что прописано внутри него, не срабатывает.

Какие решения можете посоветовать?

@AK3RN · 04.08.2011, 10:56

Имел дело с:
1. upload progress module для nginx
2. uploadify

рекомендую второй вариант, т.к. первый показался мудреным.

@ixapek · 04.08.2011, 11:28 **[ТС]**

AK3RN, возможно, я неправильно вопрос поставил. Мне не нужно загружать контент от пользователя, необходима обычная загрузка из .php файла а-ля

JavaScript
1
2
3
4
5
6
7
8
$.ajax({
    type: "POST",
    url: baseURL+"load_more.php",
    data: "var1="+var1+"&var2="+var2,
    success: function(html){
             $('#content').html(html);
        }
});

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

JavaScript
1
2
3
4
5
6
7
$(function() {
$('#large-img').hide();
$('#large-img').load( function() {
$('#loader').hide();
$('#large-img').show(2000);
} );
});

не очень хорошо работает. Возможно есть какой-либо плагин или решение стандартными методами JQuery?

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@ixapek 15 / 14 / 2 Регистрация: 18.05.2010 Сообщений: 118

	Индикатор загрузки контента через AJAX 04.08.2011, 10:11. Показов 4460. Ответов 2 Метки нет (Все метки) Здравствуйте. Ситуация такая: при клике по ссылке аяксом получаю данные (текст и изображения). На то время, пока данные полностью не прогрузятся нужно показывать .gif а-ля "loading". Пробовал начать показ гиф в beforeSend и скрывать в success, но в этом случае картинки остаются непрогруженными и догружаются после показа. Пробовал метод load, но в этом случае все, что прописано внутри него, не срабатывает. Какие решения можете посоветовать? 0

@AK3RN 307 / 20 / 4 Регистрация: 01.05.2010 Сообщений: 250
	04.08.2011, 10:56
	Имел дело с: 1. upload progress module для nginx 2. uploadify рекомендую второй вариант, т.к. первый показался мудреным. 0

Индикатор загрузки контента через AJAX

Решение