Показать загрузку Gif до появления результатов

Question

У меня довольно длинный запрос, для отображения результатов которого требуется несколько секунд. Это ajax-вызов внешнего скрипта. Как я могу отобразить сообщение о загрузке внутри div, но сообщение о загрузке исчезает после отображения результатов?

Вот функция: >

function findstore(){
    var txt = 'Please enter the zip code to find the closest store&nbsp;<input type="text" name="zipcode" id="zipcode">';

    $.prompt(txt,{ 
        buttons:{Confirm:true, Cancel:false},
        submit: function(v,m,f){
            var flag = true;
            if (v) { }
            return flag;
        },
        callback: function(v,m,f){

            if(v){      
            var zipcode = f.zipcode;
                $.post('findstore.php',{zip:zipcode},
                       function(data){
                       $("div#demo").html(data);
                       }
                );
            }
        }
    });
}

>

Answer 1

В вашей логике вы можете загрузить анимированный GIF-файл непосредственно перед вызовом метода обратного вызова.Вы можете связать нажатие кнопки с кодом, необходимым для загрузки gif-файла в div.

Затем, как только вы вернете данные (внутри function(data){}), вы можете удалить gif, заменив содержимое навозвращенные данные.