В этом блоге будет представлен обзор Ajax и механизма, лежащего в основе того, как он отправляет информацию в интерфейс прикладного программирования или API.
Что?
Аякс — это аббревиатура. А в Ajax означает асинхронность. Основная функция Ajax — асинхронное обновление веб-контента с использованием JavaScript и XML. Это означает, что веб-страница может обновлять контент без перезагрузки. J в Ajax означает язык программирования Javascript, позволяющий поддерживать и отлаживать связь с сервером. X означает XML или расширяемый язык разметки. Википедия объясняет это как набор правил для кодирования документов в формате, удобочитаемом как для человека, так и для машин. Ajax специально использует объект XMLHttpRequest для выполнения запросов к API.
Как?
Обычно сайты делаются так, что при возникновении события запрос будет обработан и отправлен на сервер. JavaScript создает экземпляр объекта XMLHttpRequest, поскольку он может передавать данные в формате XML между браузером и веб-сервером. После формирования запроса объект XMLHttpRequest отправляет данные на веб-сервер. Сервер обрабатывает запрос, и сервер создает ответ. Затем ответ отправляется обратно в браузер, который затем использует JavaScript для обработки ответа и отображения его на экране в виде обновленного содержимого. Поскольку Ajax является асинхронным, пользователь может продолжать использовать приложение, пока клиент и сервер обрабатывают запросы и ответы в фоновом режиме.
Хотя «X» в Ajax означает XML, нотация объектов JavaScript или JSON также может использоваться. JSON используется для структурирования данных, поэтому у него много преимуществ. Во-первых, это часть JavaScript. Кроме того, JSON хранит информацию в виде пар ключ/значение, что может упростить веб-сайтам доступ и интерпретацию данных, включенных в ответ сервера. Тем не менее, как JSON, так и XML используются для упаковки информации в модели Ajax.
Сделать запрос
Приведенный ниже фрагмент кода и псевдокода покажет, как сделать запрос Ajax.
И наконец.. Почему?
Веб-документ MDN подчеркивает, что, когда веб-страницы используют модель Ajax, можно комбинировать несколько технологий для улучшения взаимодействия с пользователем. Эти приложения могут выполнять быстрые добавочные обновления пользовательского интерфейса без перезагрузки всей страницы браузера. Это делает приложение более быстрым и более отзывчивым на действия пользователя. Процесс можно упростить, комбинируя различные технологии. Например, JQuery объединяет HTML и JSON, чтобы сделать запрос к серверу для учета недостатков веб-страниц в разных браузерах. Код короче, а ответом легче манипулировать.
Вывод
Спасибо, что прочитали, я надеюсь, что это поможет прояснить Ajax и то, как выглядит запрос.
