0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<h2>Ответы</h2>
1
<h2>Ответы</h2>
2
<p>Для получения данных с сервера на клиенте (в браузере) существуют встроенные в js методы: XMLHttpRequest, fetch. Покажу самый примитивный и легкий для понимания вариант:</p>
2
<p>Для получения данных с сервера на клиенте (в браузере) существуют встроенные в js методы: XMLHttpRequest, fetch. Покажу самый примитивный и легкий для понимания вариант:</p>
3
<p>Запрос на получение данных о пользователе с id = 1 был отправлен на сервер. Теперь обработаем ответ сервера и получим информацию об этом пользователе:</p>
3
<p>Запрос на получение данных о пользователе с id = 1 был отправлен на сервер. Теперь обработаем ответ сервера и получим информацию об этом пользователе:</p>
4
<p>Как это работает:</p>
4
<p>Как это работает:</p>
5
<ul><li>Функция fetch() используется для выполнения запроса к URL https://domain.ru/user/1. Ответ возвращается как Promise, который обрабатывается первым методом .then().</li>
5
<ul><li>Функция fetch() используется для выполнения запроса к URL https://domain.ru/user/1. Ответ возвращается как Promise, который обрабатывается первым методом .then().</li>
6
<li>Первый метод .then() проверяет, является ли ответ OK, используя свойство res.ok. Если ответ не является OK, он выбрасывает ошибку со статус-кодом.</li>
6
<li>Первый метод .then() проверяет, является ли ответ OK, используя свойство res.ok. Если ответ не является OK, он выбрасывает ошибку со статус-кодом.</li>
7
<li>К методу res.json() добавляется ключевое слово return, чтобы вернуть JSON-данные как Promise.</li>
7
<li>К методу res.json() добавляется ключевое слово return, чтобы вернуть JSON-данные как Promise.</li>
8
<li>Второй метод .then() получает JSON-данные в качестве параметра и записывает их в консоль с помощью метода console.log().</li>
8
<li>Второй метод .then() получает JSON-данные в качестве параметра и записывает их в консоль с помощью метода console.log().</li>
9
<li>Метод .catch() используется для обработки любых ошибок, которые могут возникнуть в Promise, и он записывает сообщение об ошибке со статус-кодом ошибки.</li>
9
<li>Метод .catch() используется для обработки любых ошибок, которые могут возникнуть в Promise, и он записывает сообщение об ошибке со статус-кодом ошибки.</li>
10
</ul>
10
</ul>