Ajax запит html-даних

Здійснює запит до сервера без перезавантаження сторінки. Отримані від сервера дані будуть автоматично поміщені всередину обраних елементів. Функція має кілька необов'язкових параметрів.

data - дані, надіслані з сервера. textStatus - статус того як був виконаний запит. XMLHttpRequest - об'єкт XMLHttpRequest

dataType - очікуваний тип даних, які надішле сервер у відповідь на запит (подробиці тут).

Зауваження 1. існує однойменний метод .load (). дозволяє обробляти завершення завантаження елементів сторінки. jQuery розрізняє виклики цих методів по заданих аргументів.

Зауваження 2. більшість браузерів не дозволяють проводити ajax-запити на ресурси з доменами, піддоменів і протоколами, відмінними від поточного.

.load () є найбільш простим засобом для підвантаження і вставки відсутнього вмісту з сервера. Він робить ajax-запит до сервера і вставляє отримані дані в елементи сторінки, до яких застосовувався метод:

Якщо .load () буде застосований до об'єкта jQuery. який представляє 0 елементів, то запит на сервер виконуватися не буде.

Часткова вставка даних

.load () має особливість, що дозволяє вставляти лише частина надісланих сервером даних. Вона полягає в особливих умовах завдання параметра url. Якщо в ньому присутні прогалини, то вся частина після першого з них розглядається як селектор. який буде застосований для фільтрації даних від сервера:

В даному прикладі, jQuery знайде в отриманих даних елемент з id = container і помістить його в елемент з id = result.

Для розбору отриманих даних, а так само для їх вставки на сторінку, jQuery використовує властивість .innerHTML. Деякі браузери при цьому автоматично "обрізають" деякі елементи документа, наприклад такі як , , або <head>. Тому, дані з якими оперує .load () можуть відрізнятися від початкових.</p> <p>Організуємо ajax-запит з передачею параметрів, а так само опрацюємо завершення виконання запиту вивівши на екран відповідне повідомлення:</p> <p>На сервері, обробка ajax-запиту нічим не відрізняється від обробки звичайного запиту (як коли викликається головна сторінка сайту):</p> <p>В результаті цього запиту, на сторінці, в елемент з ідентифікатором result буде вставлений згенерований на сервері html-текст (список з відправленими параметрами), а так же, на екран буде виведено повідомлення "Отримано відповідь від сервера.".</p> Пошукові ключі: <ul> <li>асинхронний запит html-тексту</li> <li>ajax-запит html-тексту</li> <li>отримання html-даних без перезавантаження сторінки</li> <li>.load ()</li> <li>load ()</li> </ul> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <p>Copyright © 2024<br></p> </footer> </div> </div></body> </html>