Тестировщик | Вопросы собесов

🤔

Что такое Ajax?

Это технология, позволяющая веб-приложениям асинхронно взаимодействовать с сервером. Это значит, что страницы могут обмениваться данными с сервером и обновляться без полной перезагрузки.

🚩

Основные характеристики

🟠

Асинхронность

Запросы к серверу выполняются в фоновом режиме, что позволяет пользователю продолжать взаимодействовать с веб-страницей без перерыва.

🟠

Использование JavaScript

AJAX использует JavaScript для создания запросов к серверу и обработки ответов.

🟠

Работа с данными

Данные могут быть отправлены и получены в различных форматах, таких как JSON, XML, HTML или простые текстовые данные.

🟠

Обновление страницы без перезагрузки

Обновляются только необходимые части страницы, что улучшает пользовательский опыт и делает взаимодействие с сайтом более динамичным.

🚩

Как работает AJAX

1⃣

Создание XMLHttpRequest объекта

Этот объект используется для отправки запросов к серверу и получения ответов.

2⃣

Настройка запроса

Устанавливаются метод запроса (GET или POST), URL и другие параметры.

3⃣

Отправка запроса

Запрос отправляется на сервер.

4⃣

Обработка ответа

Сервер отправляет ответ, который обрабатывается с помощью JavaScript. Данные из ответа могут быть использованы для обновления содержимого страницы.

🚩Использования AJAX

Получение данных с сервера

<!DOCTYPE html>

<html>

<head>

    <title>AJAX Example</title>

    <script>

        function loadData() {

            var xhr = new XMLHttpRequest();

            xhr.open("GET", "data.json", true);

            xhr.onreadystatechange = function() {

                if (xhr.readyState == 4 && xhr.status == 200) {

                    document.getElementById("content").innerHTML = xhr.responseText;

                }

            };

            xhr.send();

        }

    </script>

</head>

<body>

    <button onclick="loadData()">Load Data</button>

    <div id="content"></div>

</body>

</html>

Ставь 👍 и забирай 📚 Базу знаний