Начнем с некоторых основных задействованных компонентов.
У нас есть веб-страница / клиент (где мы хотим видеть нашу информацию)
Затем у нас есть сервер (где находится информация)
Придумаем сценарий. Допустим, мы хотим получить данные с сервера, мы отправляем сообщение на сервер с запросом наших данных (HTTP-запрос), а затем получаем ответ от сервера. Затем перезагружаем страницу, и мы получим свои данные!
Если для получения информации с сервера требуется некоторое время, пользователю придется подождать, пока она загрузится. В это время пользователь не сможет ничего делать на странице, пока данные не будут перезагружены. Это то, что мы называем синхронным запросом. Это не очень удобно для пользователя.
На помощь приходит AJAX.
AJAX означает асинхронный Javascript и XML. По сути, это противоположно тому, что было раньше. Теперь наш клиент может запрашивать данные с сервера (запрос AJAX) в фоновом режиме, сохраняя при этом доступ ко всем другим элементам на веб-странице.
Этот постоянный запрос информации позволяет нам динамически загружать данные без перезагрузки всей страницы. Это асинхронная часть. Часть Javascript - это то, как мы уведомляем сервер о том, что пользователь запрашивает новые данные, а также о том, что нам нужно обновить только определенную часть веб-приложения. Часть «X» в AJAX обозначает объект запроса AJAX, также известный как XML.
И последнее замечание: отправляемые данные не обязательно должны быть в формате XML. Это также может быть HTML, обычный текст или JSON.
Вот и все!
