Ajax — технология, позволяющая связать сервер с документом без перезагрузки страницы.
Работа с формами без перезагрузки
Рассмотрим пример: на сайте используется форма (например, для комментариев или отправки сообщений). Кнопка отправки формы (например, с атрибутом type="submit") по умолчанию вызывает перезагрузку страницы. HTML сам по себе не выполняет никаких действий — это задача других языков программирования. Кнопка submit инициирует перезагрузку для выполнения действий на сервере.
Раньше, при использовании, например, PHP, отправка информации на сервер и получение ответа происходило только при перезагрузке страницы. Отправка и получение данных были неразрывно связаны с этим процессом.
Ajax: асинхронное взаимодействие
Технология Ajax позволяет отправлять данные формы и получать ответ от сервера без перезагрузки страницы. Ajax – это технология, связывающая клиентский JavaScript и серверный код (например, PHP). JavaScript выполняется на стороне клиента, PHP – на стороне сервера, а Ajax обеспечивает их взаимодействие. Основная задача Ajax — это взаимодействие.
Необходимые знания
Для изучения Ajax необходимо знать HTML (HTML4 или HTML5). Знание CSS желательно. Необходим JavaScript, так как Ajax — это, по сути, библиотека для JavaScript, часто используемая совместно с jQuery. Знание PHP желательно для понимания серверной обработки данных, хотя и не обязательно для начала изучения Ajax.
В этом уроке рассмотрены основные понятия Ajax. После изучения базовых концепций HTML, JavaScript и (желательно) PHP можно эффективно использовать Ajax. Для начала достаточно базового понимания HTML, JavaScript и jQuery.