Іконки завантаження за допомогою ajax і jquery

Даний урок дозволяє використовувати подгрузчікі, створені на проекті, за допомогою скрипта AJAX для підвантаження даних

Вище зазначений приклад коду показує 2 види запитів (GET і POST).

Перша кнопка (Відправити запит GET) показує як відправляти запит на сторінку yourpagename.php з 2-ма змінними "GET" - param1 і param2 з відповідними значеннями value1 і value2.

Друга кнопка (Відправити запит POST) показує як відправляється запит POST на сторінку yourpagename.php 2 GET і 2 змінні POST - param1 / value1, param2 / value2 як змінні GET і post_param1 / post_value1, post_param2 / post_value2 як змінні POST.

Натиснувши на одну з цих клавіш в даному прикладі, Ви викликаєте функцію showHidePreloader з параметром "true" в першу входить змінну "show", яка робить наш подгрузчік видимим.

Після того як один із запитів був відправлений на сервер, скрипт чекає до повного завантаження результату (else if (request.readyState == 4 ! EnterChecker)). Як тільки це відбудеться, викликається функція showContent (назва цієї функції передається як 2-й параметр у функцію makeRequest і як 3-й параметр у функцію makePostRequest без дужок). Функція showContent () отримує відправлений сервером текст (значення передається в глобальну змінну dataReturn) і вставляє її в DIV з ID resultDiv.

Приклад використання подгрузчіков за допомогою JQuery

Вся принадність технології JQuery полягає в тому що вона спрощує практично всі в веб-додатках і робить код програміста набагато більш читабельним і коротким. Приклад коду JQuery вказано нижче:

У другому прикладі, ми також використовували об'єкти внутрішніх класів JQuery - $ .post () і $ .get () для відправлення запитів AJAX.

1 вихідний файл

Змінюйте і завантажуйте куплений шаблон анімації завантаження. Після покупки можна змінювати анімацію як завгодно і встановлювати на будь-яку кількість комерційних і особистих проектів.

10 шаблонів анімації

Цей план дозволяє розблокувати будь-які 10 вихідних файлів індикаторів завантаження за бажанням. Ви можете вибрати шаблони анімації, які хочете скачати в будь-який час після покупки.