Блог

Главная - Вопросы по программированию - Загрузка Gif Jquery $.Post (функция)

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

#jquery #post #animated-gif

#jquery #Публикация #анимированный-gif

Вопрос:

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

Спасибо

Ответ №1:

Я полагаю, что происходит событие, которое запускает публикацию 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;" />

Комментарии:

1. Это вызов функции $(«loadingImage»).show(); что это именно? Кроме того, это вызов $.post, а не $.ajax. На самом деле они похожи, я считаю, что post — это рэпер для ajax. Поэтому я, вероятно, делал бы это в разделе функций функции post.

2. .show() Это то, что заставляет изображение появляться. Это эквивалентно .css("display", "block") . Вы правы в том, что $.post полагаетесь $.ajax на so два общих метода.

3. Я имел в виду, какая часть находится между кавычками? Это ссылка на мой gif?

4. Ах, да. Это выбор изображения по его идентификатору.

5. Итак, я предполагаю, что мне нужно было бы поместить изображение где-нибудь на странице и присвоить ему идентификатор, но просто спрятать его правильно?