ASP.Net - Бедный Майн Asynch «Пожалуйста, подождите ...» Анимация

Question

У меня есть страница, которая благодаря jQuery автоматически нажимает кнопку «Запустить отчет» при определенных условиях. Поэтому, когда пользователь переходит на страницу через меню, они ожидают х секунд и результаты возвращаются. Это отлично работает ...

Однако я хочу добавить анимацию, потому что некоторые пользователи не знают, что что-то происходит, и я также хотел бы просто показать счетчик. Приложение еще не «Ajaxified» и, возможно, никогда не будет. Поэтому я подумал о том, как это сделать.

У меня есть div, в котором есть текст и изображение. Этот div имеет класс на том, что просто делает display: none; Тот же самый jQuery, который нажимает кнопку, у меня также есть его, используя метод .toggleClass, чтобы теперь показать div.

Это работает отлично И отчет запускается и, в конце концов, возвращает данные, и поскольку в этот момент страница обновляется, div снова скрывается, и все правильно в мире.

Моя проблема заключается в том, что изображение показывает, но не оживляет. Я попытался поставить его перед щелчком, надеясь, что это произойдет и начнется. Тогда появится щелчок, даже чтобы начать ожидание.

Есть ли что-нибудь, что я могу сделать, чтобы заставить GIF анимировать?

Answer 1

Вы используете метод jQuery ajax для запроса отчета? Если да, то существует функция, встроенная в стандартный метод ajax.

$.ajax({ 
    url: "/webservices/taskHelper.asmx/ArchiveTask", 
    data: '{taskId: 5}', 
    beforeSend: function() { 
     $("#spinner").show(); 
    }, 
    error: deft.ajaxError, 
    success: function (data) { 
     $("#spinner").hide(); 
    } 
}); 

Функция «beforeSend» будет выполняться при щелчке на ссылке и продолжать работать, пока ответ не будет получен от сервера. Я использую функцию beforeSend для отображения моего скрытого div, содержащего анимированный gif. Работает отлично. jQuery ajax docs

Answer 2

Отправка формы останавливает действие всей страницы, включая анимацию GIF.

Путь вокруг этого заключается в том, чтобы отправить форму на скрытый iframe. Конечно, вам понадобится iframe, чтобы «просыпаться» на главной странице и показывать ее содержимое там, где появляются результаты.