Javascript - призначення та застосування ajax при створенні сайтів, ит шеф

Урок, який би розглядав поняття, призначення і переваги технології ajax, а також те, що ховається під його абревіатурою.

Знайомство з технологією AJAX

Перед тим як перейти до розгляду поняття AJAX з'ясуємо то, як користувач (браузер) отримує деяку сторінку.

Процес отримання браузером сторінки з сервера

Наприклад, користувач, прочитавши деяку сторінку, зацікавився фотографіями, представленими на ній. Спочатку на сторінці доступні тільки 4 фотографії (мініатюри). Для того щоб користувач зміг ознайомитись з іншими фотографії, йому, наприклад, необхідно натиснути на кнопку "Далі".

Без технології AJAX, єдиним рішенням в цьому випадку було б відправка запиту на сервер і отримання точно такий же сторінки, але з іншими слайдами зображень.

Процес отримання інформації з сервера без AJAX

Цей варіант виглядає непрактично, але цей був єдиний спосіб до появи технології AJAX. Тобто замість того щоб оновити тільки потрібний блок інформації на сторінці, ми запитуємо натомість нову сторінку у сервера. Це призводить до того, що користувач чекає, поки завантажиться сторінка з новими зображеннями, що видається не дуже зручним.

З використанням AJAX сервера не треба посилати всю сторінку, він може послати Вам тільки ті шматочки інформації, які Вам потрібні, в даному випадку це зображення.

Процес отримання інформації за допомогою AJAX

Насправді AJAX це не одна технологія, це група технологій, які працюють разом для того щоб Ви могли в будь-який момент часу запросити будь-яку інформацію з сервера і відобразити її на сторінці без перезавантаження.

Як розшифровується абревіатура AJAX

Що означає абревіатура AJAX

A - це перша буква слова "Asynchronous" (Асинхронний). Це означає те, що клієнт може запросити будь-яку частину інформації в будь-який час і йому не потрібно чекати поки вона прийде.

Не дивлячись на те що в назві об'єктів XMLHttpRequest і XML HTTP використовується слово XML, вони дозволяють працювати з даними будь-яких форматів (текстовий, HTML, JSON, XML).

Таким чином, AJAX - це термін для технологій, що дозволяють створити сторінку, в якій будь-які її частини можуть оновлюватися у фоновому режимі за допомогою даних, отриманих з сервера.

Переваги технології AJAX

Застосування технології AJAX на сторінці дозволить привнести в неї такі переваги:

  • зменшити трафік (через скорочення розміру даних переданих між сервером і браузером);
  • знизити навантаження на сервер (тому що не потрібно генерувати різні елементи, що повторюються на сторінці, а тільки той контент, який необхідно передати);
  • прискорити чуйність інтерфейсу сторінки і його мерехтіння (через те що немає необхідності в повній перезавантаження сторінки);
  • поліпшити інтерактивність (тобто більш зручно вести діалог (здійснювати взаємодію) з користувачем).