JQuery, Ajax
Досвідчені програмісти чистий JS для роботи не використовують, а застосовують якусь бібліотеку – найчастіше JQuery. Запити JS Ajax JQuery створювати набагато простіше, саме тому вона стала так популярна. Спробуємо поліпшити скрипт за допомогою цієї бібліотеки. Спочатку JQuery потрібно завантажити. Вона поставляється в декількох версіях. Підключити бібліотеку можна через сервіс Google Code. Є варіант для розробників, де залишилася можливість коментування та переносу рядка. Інша версія – мінімальна. Вона знаходиться за адресою: ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js. Цю бібліотеку має сенс підключати на робочому сервері. Додати бібліотеку можна за допомогою наступного коду через сервіс Google Code:
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js”></script>
У цьому коді для прикладу використовується версія 3.1.0. Для коректної роботи потрібно додавати актуальну версію. Важливо, щоб адреса починався з “//ajax.googleapis.com/ajax/libs/jquery”. Потім створюємо новий файл у форматі html і підключаємо бібліотеку, вказавши адресу її розташування в тезі script і розташувавши його в head. Далі починаємо писати сам скрипт. Починаємо його ось з такою рядки: $(document).ready(). Коли документ буде готовий, викличеться вкладена функція: (function () {}). Це необхідно для того, щоб завантажилася DOM-модель, з якої ми працюємо, тобто все, що знаходиться в тегу body. Якщо цього не зробити, скрипт буде опрацьовано раніше, ніж завантажиться DOM-модель.
