Основы AJAX для начинающих
06.10.2017
Все начинающие web-мастера рано или поздно сталкиваются с проблемой динамического изменения данных на HTML странице, причем без перезагрузки этой самой страницы. И на помощь приходит, конечно же, JavaScript, но он не умеет обращаться к серверу и получать данные без перезагрузки страницы, но зато это умеет AJAX и о нем мы сегодня и поговорим.
Примечание. Если вы не знаете основы JavaScript, и не можете понять простой код на JavaScript, советую, для начала, прочитать вот эти статьи " JavaScript для начинающих – Простые примеры " и " JavaScript – Пример расширения формы регистрации " так как без знаний JavaScript учить AJAX бессмысленно!
Ajax методами jQuery для начинающих
Для начала дадим определение.
AJAX (Asynchronous JavaScript and XML) - асинхронный JavaScript и XML, это механизм взаимодействия с сервером по средствам которого происходит обмен данными с этим сервером, не перезагружая всю страницу целиком. Запрос на AJAX может быть не только асинхронный, но и просто синхронным, но такие запросы используются редко. Так как при них браузер зависает, до того момента пока не будет получен ответ с сервера, в отличие от асинхронного запроса, при котором посылается запрос и пользователь может делать на странице все что угодно, а когда будет получен ответ от сервера сработает обработчик и появятся изменения на странице. Как посылать синхронные и асинхронные запросы научимся ниже в примерах, за это отвечает всего один параметр.
Видео стрим AJAX и JSON. Часть 1. Общие понятия
И первое что приходит на ум это, конечно же, быстрый и удобный интерфейс для пользователя. Другими словами пользователь любит, когда у него быстро все работает и не нужно делать лишних телодвижений, к тому же чтобы это все красиво выглядело, JavaScript и AJAX с этим отлично справляются.