VPF::Индикатор выполнения скрипта - Форум программистов

serezhka1986

Дата 22.12.2011, 14:57 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Есть скрипт, который отправляет POST-запрос с помощью AJAX. Как сделать индикатор выполнения php-скрипта до вывода его результата в div. Проще говоря, чтобы пока выполнялся скрипт показывалась картинка user posted image

Вот скрипт отправки запроса:

Код


function selectweekfilter(){
        var id_year = $('select[name="yearfilterselect"]').val();
        if(!id_year){
                $('div[name="selectweek"]').html('');
        }else{
                $.ajax({
                        type: "POST",
                        url: "/includes/weekfilter.php",
                        data: "id_year="+id_year,
                        cache: false,
                        success: function(responce){ $('div[name="selectweek"]').html(responce); }
                });
        };
};

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

Leshak

Дата 22.12.2011, 15:11 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 143
Регистрация: 19.10.2005

Репутация: нет
Всего: нет

если просто, то
- одновременно с отправкой запроса - визуализируйте картинку с анимацией
- по получению данных с сервера - спрячьте ее обратно

    function ShowLoad(j) {  //  - крутим картинку - идет загрузка
        if ( j == 1 )
             {    showLoad.style.visibility = 'visible' ; showLoad.style.zIndex = 11 ;    }
        else {    showLoad.style.visibility = 'hidden' ; showLoad.style.zIndex = -10 ;    }
    }  ;

Это сообщение отредактировал(а) Leshak - 22.12.2011, 15:22

$дмитрий

Дата 22.12.2011, 19:21 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 5
Всего: 45

Используй метод beforeSend для показа картинки, а при вызове success скрывай/удаляй

serezhka1986

Дата 23.12.2011, 10:14 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 215
Регистрация: 12.6.2009

Репутация: нет
Всего: 0

Реализовал так:

Код


function selectweekfilter(){
        var id_year = $('select[name="yearfilterselect"]').val();
        if(!id_year){
                $('div[name="selectweek"]').html('');
        }else{
      $('img#loadicon').css("visibility", "visible");
                $.ajax({
                        type: "POST",
                        url: "/includes/weekfilter.php",
                        data: "id_year="+id_year,
                        cache: false,
                        success: function(responce){ $('div[name="selectweek"]').html(responce); $('img#loadicon').css("visibility", "hidden");}
                });
        };
};

Всем спасибо! smile

--------------------

Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »