Как реализуется появление gif-анимации?

@Special_One · Регистрация: 16.07.2014

Студворк — интернет-сервис помощи студентам

Ребят, новенький на форуме, да и в Jquery, но основы изучил! В данный момент получаю знания относительно Ajax'a.

Очень интересно, как реализуется появление gif-анимации, которая стала выразительной чертой именно Аякса..
Вот допустим пример: пользователь начал вводить логин при регистрации а справа от инпута та самая гифка которая дает понять что грузятся логины с базы, после гифка исчезает и показывает что такой пользователь уже есть.

Подскажите как, до получения ответа от сервера, показывать гифку ???

Пока догадок мало.. а в гугле запрос даже не знаю как сформулировать правильно, что бы вылез подобный тутор

zhibirc · 17.07.2014, 00:21

Например, по событию keyup в поле формы вы отправляете ajax-запрос. В зависимости от ответа показываете нужное (gif-ку или что-то еще).

JavaScript
1
2
3
4
5
6
$.ajax({
  url: 'url',
  success: function(){
    // do something
  }
});

@Special_One · 17.07.2014, 00:38 **[ТС]**

Эммм... так по идее, во время запроса и получения ответа показывается гифка а уже после того как получен ответ гифка прячется, допустим hide() и выводиться ответ сценария php ... Верно же?

@and_y87 · 17.07.2014, 00:50

Special_One, немного может не в тему... сделал инструмент для тренинга по Ajax запросам.
вдруг понравится...

По вашему вопросу вверху код вам указан верно...

@Special_One · 17.07.2014, 01:04 **[ТС]**

Спасибо Большое, посмотрю.

Не могли бы вы, если Вам не сложно, на простом примере показать, нажатие по изображению допустим, после чего появляется картинка загрузки, а потом само модальное окошко с большим изображением ?

@and_y87 · 17.07.2014, 01:44

Special_One, пример, появления окошка поверх всего...

Добавлено через 1 минуту
Додумаете куда вставляются строки кода что бы показать/скрыть картинку... ?

elnorbert · 17.07.2014, 20:01

Сообщение от Special One

во время запроса и получения ответа показывается гифка а уже после того как получен ответ гифка прячется, допустим hide() и выводиться ответ сценария

Все верно. Вы сами знаете и спрашиваете.

Не по теме:

Может быть пригодится. Конструктор Ajax лоадеров

@Special_One · 18.07.2014, 03:28 **[ТС]**

Спасибо ребят, уже больше прояснил для себя. Подскажите еще , какое событие отвечает за готовность ответа сервера(или свойство) ??? По памяти помню что событие .load .. Но читал что Jquery его уже не поддерживает ..

Success: ??

Я сейчас просто учу еще обычный get запрос аяксовский

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Special_One 0 / 0 / 0 Регистрация: 16.07.2014 Сообщений: 8

	Как реализуется появление gif-анимации? 17.07.2014, 00:08. Показов 1356. Ответов 7 Метки нет (Все метки) Ребят, новенький на форуме, да и в Jquery, но основы изучил! В данный момент получаю знания относительно Ajax'a. Очень интересно, как реализуется появление gif-анимации, которая стала выразительной чертой именно Аякса.. Вот допустим пример: пользователь начал вводить логин при регистрации а справа от инпута та самая гифка которая дает понять что грузятся логины с базы, после гифка исчезает и показывает что такой пользователь уже есть. Подскажите как, до получения ответа от сервера, показывать гифку ??? Пока догадок мало.. а в гугле запрос даже не знаю как сформулировать правильно, что бы вылез подобный тутор 0

@Special_One 0 / 0 / 0 Регистрация: 16.07.2014 Сообщений: 8
	17.07.2014, 00:38 [ТС]
	Эммм... так по идее, во время запроса и получения ответа показывается гифка а уже после того как получен ответ гифка прячется, допустим hide() и выводиться ответ сценария php ... Верно же? 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	17.07.2014, 00:50
	Special_One, немного может не в тему... сделал инструмент для тренинга по Ajax запросам. вдруг понравится... По вашему вопросу вверху код вам указан верно... 0

@Special_One 0 / 0 / 0 Регистрация: 16.07.2014 Сообщений: 8
	17.07.2014, 01:04 [ТС]
	Спасибо Большое, посмотрю. Не могли бы вы, если Вам не сложно, на простом примере показать, нажатие по изображению допустим, после чего появляется картинка загрузки, а потом само модальное окошко с большим изображением ? 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	17.07.2014, 01:44
	Special_One, пример, появления окошка поверх всего... Добавлено через 1 минуту Додумаете куда вставляются строки кода что бы показать/скрыть картинку... ? 0

@Special_One 0 / 0 / 0 Регистрация: 16.07.2014 Сообщений: 8
	18.07.2014, 03:28 [ТС]
	Спасибо ребят, уже больше прояснил для себя. Подскажите еще , какое событие отвечает за готовность ответа сервера(или свойство) ??? По памяти помню что событие .load .. Но читал что Jquery его уже не поддерживает .. Success: ?? Я сейчас просто учу еще обычный get запрос аяксовский 0