показать загрузчик изображений, но не использовать ajax

Question

вот страница проекта: http://blog.papermusepress.com/s7/tabs/ это все html, так что не стесняйтесь просматривать исходники кода.

В основном, по мере ввода полей в форме изображение динамически генерируется на серверах adobe через строку URL, а затем отображается на странице с помощью javascript, обновляющего изображение src до строки URL.

Я пытаюсь получить простой загрузчик изображений каждый раз, когда изображение регенерируется. генерация изображений действительно происходит так быстро, что, вероятно, она не нужна (но моя компания хочет включить ее, чтобы клиенты знали, что продукт действительно обновляется).

все ответы, которые я нахожу, говорят о ajax (How to show loading spinner in jQuery?). но проблема в том, что я вообще не использую ajax в проекте. возможно, я должен использовать ajax?

Единственный jquery, который я использую, - это делать вкладки, скрывающие/отображающие соответствующий div. генерация изображения - это функция onclick js. Я новичок в js, поэтому мои вещи действительно базовые. может определенно использовать предложения для «очистки» моего кода. я уверен, что это уродливо!

Answer 1

ajax in jquery легко.

jQuery.ajax(’url which contains code or ready flag.’).done(function(htmldata){ 
// if done loading do everything that is here. 
// the variable htmldata contains the html code that is output by your server. 
});