Page 141 - 6108
P. 141

За допомогою JavaScript можна забезпечити більш гнучку валідацію полів
               форми.
                     Приклади перевірок, які можливо реалізувати за допомогою JavaScript:
                     –  У  правильному  форматі  користувач  вказав  свою  адресу,  email  чи
               телефон у відповідному полі;
                     –  Чи  збігаються  значення  введені  в  два  різних  поля  (часто
               використовується для полів з паролем);
                     Перевірка форм в JavaScript можлива завдяки події submit.


                                                         Тема 3.6 AJAX

                     AJAX  (абревіатура  від  «Asynchronous  Javascript  And  Xml»)  –  технологія
               звернення  до  сервера  без  перезавантаження  сторінки.  За  рахунок  цього
               зменшується  час  відгуку  і  веб-додаток  по  інтерактивності  більше  нагадує
               десктоп.
                     Незважаючи  на  те,  що  в  назві  технології  присутній  буква  X  (від  слова
               XML), використовувати XML зовсім не обов'язково. Під AJAX мають на увазі
               будь-яке спілкування з сервером без перезавантаження сторінки, організоване
               за допомогою JavaScript.
                     В  першу  чергу  AJAX  корисний  для  форм  і  кнопок,  пов'язаних  з
               елементарними діями: додати в кошик, підписатися, і т.п.
                     Динамічне  підвантаження  даних.  Наприклад,  дерево,  яке  при  розкритті
               вузла запрошує дані у сервера.
                     Живий  пошук  –  класичний  приклад  використання  AJAX,  взятий  на
               озброєння сучасними пошуковими системами.
                     Технічно, за допомогою AJAX можна обмінюватися будь-якими даними з
               сервером.
                     Зазвичай використовуються формати:
                     –  JSON – для відправки та отримання структурованих даних, об'єктів.
                     –  XML  –  якщо  сервер  чомусь  працює  в  форматі  XML,  то  можна
               використовувати і його, є засоби.
                     –  HTML / текст – можна  і просто завантажити з сервера код  HTML або
               текст для показу на сторінці.
                     –  Бінарні  дані,  файли  –  набагато  рідше,  в  сучасних  браузерах  є  зручні
               засоби для них.

                     3.6.1 XMLHttpRequest

                     Об'єкт  XMLHttpRequest  (або,  як  його  коротко  називають,  «XHR»)  дає
               можливість з JavaScript робити HTTP-запити до сервера без перезавантаження
               сторінки.         Обєкт          XMLHttpRequest               успадковує           властивості
               XMLHttpRequestEventTarget і EventTarget.
                     Базові властивості:
                     –  onreadystatechange – EventHandler, який викликається кожного разу,
               коли атрибут readyState змінюється.
                     –  readyState – стан запиту.
   136   137   138   139   140   141   142   143   144   145   146