1

Ребята, скажите, пожалуйста, как сделать, чтобы пока подгружается файл, показывалась картинка (loader), а после загрузки она убиралась? Типа как .ajaxStart.

0

1 ответ 1

4

.ajaxSetup, .ajaxStart, .ajaxStop

$(function() {
    var $loader = $('#loader');
    $.ajaxSetup({
        start: function() { $loader.show(); },
        complete: function() { $loader.hide(); } // в случае успеха/ошибки
    });
});

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

var ajax_queue = [],
    $ajax_spinner = $('#ajax_spinner');

$.ajaxSetup({
    timeout: 20000, // для кроссдоменных
    beforeSend: function(XHR) {
        ajax_queue.push(XHR);
        $ajax_spinner.show();
    },
    complete: function() {
        ajax_queue.pop();
        $ajax_spinner.toggle(!!ajax_queue.length); // must be Boolean!
    }
});

Пользуйтесь!

5
  • Только надо добавить, что методы эти работают только для $.ajax()**. Если используется **$.post() или $.get(), то параметры не отработают.
    – Deonis
    11 апр 2012 в 9:21
  • Только что попробовал - для .get() все замечательно работает
    – neoascetic
    11 апр 2012 в 9:25
  • Хм.. Возможно, что в новых версиях были изменения. Раньше пробовал - не прокатывал. Ну, тем лучше.
    – Deonis
    11 апр 2012 в 9:30
  • @zhekonya вы о чем? Timeout чаще всего необходим для кроссбраузерных запросов. В ином случае браузер сам разруливает, когда случилась ошибка
    – neoascetic
    11 апр 2012 в 9:46
  • все сделал! спасибо всем!
    – zhekonya
    11 апр 2012 в 9:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.