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 that you have read and understand our privacy policy and code of conduct.

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