де $ може використовуватися для своїх потреб, то можна використовувати її синонім - jQuery.
Роботу з jQuery можна розділити на 2 типи:
· Отримання jQuery-об'єкта за допомогою функції $ (). Наприклад, передавши в неї CSS-селектор, можна отримати jQuery-об'єкт всіх елементів HTML, що потрапляють під критерій і далі працювати з ними за допомогою різних методів jQuery-об'єкта. У випадку, якщо метод не повинен повертати якого-небудь значення, він повертає посилання на jQuery об'єкт, що дозволяє вести ланцюжок викликів методів згідно з концепцією текучого інтерфейсу.
· Виклик глобальних методів в об'єкта $, наприклад, зручних ітераторів по масиву.
Типовий приклад маніпуляції відразу декількома вузлами DOM полягає у виклику $ функції з рядком селектора CSS, що повертає об'єкт jQuery, що містить деяку кількість елементів HTML-сторінки. Ці елементи потім обробляються методами jQuery.
Основні особливості jQuery:
· Легко здійснює візуальні ефекти;
· Працює з подіями;
· Звертається і маніпулює будь-який елемент DOM - об'єктної моделі документа;
· Кросбраузерність;
· Надає відмінний API - інтерфейс програмування додатків, для роботи з Ajax - технологією, що дозволяє спілкуватися з сервером без перезавантаження сторінки;
· Володіє великою кількістю JavaScript плагінів, які призначені для створення елементів інтерфейсів користувачів;
· Має докладну документацію з масою оригінальних прикладів і докладними описами. [7] [8]
1.2.5 AJAX
AJAX- асинхронний JavaScript і XML ) - підхід до побудови інтерактивних користувацьких інтерфейсів веб-додатків, що полягає в фоновому обміні даними браузера з веб-сервером. У результаті, при оновленні даних веб-сторінка не перезавантажується повністю, і веб-додатки стають швидше і зручніше. [7] - не самостійна технологія, а концепція використання декількох суміжних технологій. AJAX базується на двох основних принципах:
· використання технології динамічного звернення до сервера на льоту raquo ;, без перезавантаження всієї сторінки повністю, наприклад:
· з використанням XMLHttpRequest (основний об'єкт);
· через динамічне створіння дочірніх фреймів;
· через динамічне створіння тега lt; script gt ;.
· через динамічне створіння тега lt; img gt ;, як це реалізовано в google analytics.
· використання DHTML для динамічної зміни змісту сторінки;
Дії з інтерфейсом перетворюються в операції з елементами DOM (англ. Document Object Model), за допомогою яких обробляються дані, доступні користувачеві, в результаті чого подання їх змінюється. Тут же проводиться обробка переміщень і клацань мишею, а також натискань клавіш. Каскадні таблиці стилів, або CSS (англ. Cascading Style Sheets), забезпечують узгоджений зовнішній вигляд елементів програми та спрощують звернення до DOM-об'єктам. Об'єкт XMLHttpRequest (або подібні механізми) використовується для асинхронного взаємодії з сервером, обробки запитів користувача і завантаження в процесі роботи необхідних даних [8].
Три з цих чотирьох технологій - CSS, DOM і JavaScript - складають DHTML (англ. Dynamic HTML). На думку деяких фахівців кошти DHTML, що з'явилися в1997 році, подавали великі надії, але так і не виправдали їх.
В якості формату передачі даних можуть використовуватися фрагменти простого тексту, HTML-коду, JSON або XML.
Вперше термін AJAX був публічно використано 18 лютого 2005 року в статті Джесі Джеймса Гарретта (Jesse James Garrett) Новий підхід до веб-додатків raquo ;. Гарретт придумав термін, коли йому довелося якось назвати новий набір технологій, пропонований ним клієнту.
Однак в тій чи іншій формі багато ті?? нологии були доступні і використовувалися набагато раніше, наприклад в підході Remote Scripting raquo ;, запропонованому компанією Microsoft в 1998 році, або з використанням HTML елемента IFRAME, що з'явився в Internet Explorer 3 в 1996 году.стал особливо популярний після використання його компанією Google в сервісах Gmail, Google Maps і Google Suggest.
Переваги: ??
Економія трафіку
Використання AJAX дозволяє значно скоротити трафік при роботі з веб-додатком завдяки тому, що часто замість завантаження всієї сторінки достатньо завантажити тільки змінилася частина, як правило, досить невелику.
Зменшення навантаження на серверпозволяет кілька знизити навантаж...
