progway — программирование, IT

Что такое AJAX​

До появления этой технологии, все обновления на странице могли быть видны только после её перезагрузки в браузере. Зачастую просто из-за того, что динамики на сайтах было мало, и все страницы сайта хранились на сервере и отдавались как обычная статика. Но со временем web-приложения становились всё более интерактивными и динамичными.

AJAX — Asynchronous JavaScript and XML — технология, которая решает проблему частой перезагрузки страницы, позволяет выполнять все запросы и реагировать на них асинхронно из JavaScript кода.

Самым явным примером приложений, которые стали в принципе возможными, после внедрения AJAX — сервисы гугла.

Благодаря асинхронным запросам у нас есть, например, Google Maps или Gmail, работу которых без асинхронных обработчиков представить крайне сложно. Пользователь может увидеть обновленные данные сразу же после своего действия и выполнения запроса, что даёт лучший пользовательский опыт и расширяет возможности web-приложений.

В современном мире часто используют fetch или что-то вроде axios, но изначально AJAX стал возможен из-за реализации в языке объекта XMLHttpRequest. Типичный запрос выглядит вот так:

// создаем запрос
var xhr = new XMLHttpRequest();

// инициализируем
xhr.open("GET", "https://...", true);

// обрабатываем ответ
xhr.onload = function() {
  if (xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};

// отправляем
xhr.send();

Спасибо за прочтение, это важно для меня ❤️

#web #theory

❤26🐳3🆒3☃1👍1

www.tgoop.com/prog_way_blog/168

1.47K viewsProgway publisher bot, Dec 8, 2023 at 10:08

Что такое AJAX​

До появления этой технологии, все обновления на странице могли быть видны только после её перезагрузки в браузере. Зачастую просто из-за того, что динамики на сайтах было мало, и все страницы сайта хранились на сервере и отдавались как обычная статика. Но со временем web-приложения становились всё более интерактивными и динамичными.

AJAX — Asynchronous JavaScript and XML — технология, которая решает проблему частой перезагрузки страницы, позволяет выполнять все запросы и реагировать на них асинхронно из JavaScript кода.

Самым явным примером приложений, которые стали в принципе возможными, после внедрения AJAX — сервисы гугла.

Благодаря асинхронным запросам у нас есть, например, Google Maps или Gmail, работу которых без асинхронных обработчиков представить крайне сложно. Пользователь может увидеть обновленные данные сразу же после своего действия и выполнения запроса, что даёт лучший пользовательский опыт и расширяет возможности web-приложений.

В современном мире часто используют fetch или что-то вроде axios, но изначально AJAX стал возможен из-за реализации в языке объекта XMLHttpRequest. Типичный запрос выглядит вот так:

// создаем запрос
var xhr = new XMLHttpRequest();

// инициализируем
xhr.open("GET", "https://...", true);

// обрабатываем ответ
xhr.onload = function() {
  if (xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};

// отправляем
xhr.send();

BY progway — программирование, IT