jQuery. Ajax. Введение

Что такое Ajax? Если по простому, то это транспорт для данных. Есть у нас сервер, есть у нас клиент, так вот как передать данные, например, от клиента к серверу или наоборот? Ajax это делает. Фишка, и то, чем отличается от других способов передачи данных – он делает это без обновления страницы.

Технологическая основа Ajax это компонент компании Microsoft XMLHttpRequest, который изначально использовался в технологии ActiveX и позже был “подхвачен” компанией Mozilla Foundation. Более подробно об XMLHttpRequest можно прочитать в Википедии.

Чем хороша библиотека jQuery? Она все упрощает и делает код намного чище и понятнее. Такая же ситуация и с Ajax Теперь посмотрим на 2 примера. 

Ajax в традиционном JavaScript

responseText это ответ сервера в данном случае.

onreadystatechange это EventListener – обработчик каждой смены состояния readyState

readyState  (0 — не инициализирован, 1 — открыт, 2 — отправка данных, 3 — получение данных и 4 — данные загружены)

status это ответ сервера, например код 200 OK означает, что запрос успешно обработан, коды от 200 до 300 говорят об более менее успешном ответе

ajaxServerAnswer.php

Ajax в стиле jQuery

Решим ту же задачу средствами jQuery

App.js (вынесем код javascript в отдельный файл)

Как видно, кода гораздо меньше, без учета разметки HTML

 

This entry was posted in jQuery, Без рубрики. Bookmark the permalink.