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

#description

Веб-приложения нередко используют обмен данными с сервером, чтобы получать информацию или отправлять её на сервер. При этом ответ сервера может содержать различные данные, такие как HTML-разметку, JSON-объекты, строки и т.д.

Основной инструмент, используемый для выполнения запросов к серверу и обработки его ответов в JavaScript, это объект XMLHttpRequest (XHR) или его современный эквивалент, класс Fetch. XMLHttpRequest работает по принципу «отправка-ожидание-ответ», а класс Fetch использует промисы.

Следующий код демонстрирует отправку запроса на сервер с помощью XMLHttpRequest и обработку ответа в формате JSON:

                    
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data');
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    const response = JSON.parse(xhr.responseText);
    console.log(response);
  }
}
xhr.send();

А следующий код демонстрирует отправку запроса на сервер с помощью Fetch и обработку ответа в формате JSON:

                    
fetch('/api/data')
  .then(response => response.json())
  .then(data => console.log(data));

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

March 25, 2023

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

Если же непонятен весь вопрос, то нажмите на кнопки внизу, чтобы получить новый вариант объяснения, практические примеры или критически оценить сам вопрос.

Developer learning path

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

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