Загрузка Gif Jquery $ .Post (функция) - PullRequest
Новая
       1

Загрузка Gif Jquery $ .Post (функция)

2 голосов
/ 08 ноября 2011

Мне было интересно, есть ли быстрый и простой способ поместить загрузочный gif в функцию jquery $ .Post?Я думаю, что мне, скорее всего, придется как-то поместить его в тело функции.Я хочу наложить страницу на что-то вроде тумана, с этим крутящимся GIF-загрузкой или, может быть, с горизонтальным баром для парикмахерских.У меня уже есть изображения в папке с изображениями mvc. Просто нужно выяснить, как можно их реализовать.

Спасибо

1 Ответ

4 голосов
/ 08 ноября 2011

Я предполагаю, что есть событие, которое запускает пост ajax? В этом случае вам нужно будет отобразить загрузочное изображение перед вызовом ajax. Затем, когда вызов вернется, вам нужно будет скрыть загрузочное изображение.

Например: 

$("#button").click(function() {
    // show loading image
    $("#loadingImage").show();

    $.ajax({
        type: 'POST',
        url: url,
        data: data,
        success: function(data) {
            // Your logic here...

            // hide loading image
            $("#loadingImage").hide();
        }
    });
});

HTML 

<input type="button" id="button" value="Load data" />
<img src="loading.gif" id="loadingImage" style="display: none;" />
...