Правильный JQuery AJAX загрузки изображения

Question

Я использую эту функцию на всех вызовах ajax моего сайта. Мой вопрос заключается в том, как бы вы переписали его, чтобы иметь правильную предзагрузочную картинку, так как моя - это чит, а если страница загружается слишком долго или 404, то загрузка изображения никогда не исчезает.

function ajaxcall(my_url, my_div, my_data)
{
    $(my_div).append('<div style="text-align:center; position:absolute; top:0; left:0; width:100%;"><img src="/images/loading.gif" /></div>');
    $.ajax({ url: my_url,
        data: my_data,
        type: 'get',
        success: function(output) 
            {
                $(my_div).html(output);
            }
    });
}

Привет

Answer 1

Вы можете использовать опцию error (см. http://api.jquery.com/jQuery.ajax/), чтобы написать функцию-обработчик, которая обрабатывает 404 или тайм-ауты, т.е. удаляет загрузку изображения и уведомляет пользователя каким-либо образом.

Answer 2

после этого вызова ajax в случае сбоя скрыть div.

В противном случае вы можете поместить изображение в другой div. Сначала оно будет скрыто и в начале функции покажет div и после вызова ajaxскрыть div, будь то успех или неудача.