0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<h2>Ответы</h2>
1
<h2>Ответы</h2>
2
<p>Для отправки запроса на сервер на языке JavaScript мы можем использовать объект XMLHttpRequest (XHR) или метод fetch.</p>
2
<p>Для отправки запроса на сервер на языке JavaScript мы можем использовать объект XMLHttpRequest (XHR) или метод fetch.</p>
3
<p>Этот код отправляет GET-запрос на URL "/api/data" и выводит ответ сервера в консоль браузера с помощью console.log, если ответ успешный (статус код ответа 200 OK). Если ответ сервера неуспешный, то код выводит текст ошибки с помощью console.error.</p>
3
<p>Этот код отправляет GET-запрос на URL "/api/data" и выводит ответ сервера в консоль браузера с помощью console.log, если ответ успешный (статус код ответа 200 OK). Если ответ сервера неуспешный, то код выводит текст ошибки с помощью console.error.</p>
4
<p>Зачастую fetch метод короче и удобнее в использовании, однако XMLHttpRequest может быть полезен в ряде случаев. Разберем его синтаксис и работу:</p>
4
<p>Зачастую fetch метод короче и удобнее в использовании, однако XMLHttpRequest может быть полезен в ряде случаев. Разберем его синтаксис и работу:</p>
5
<ol><li>Сначала создается новый экземпляр объекта-запроса XMLHttpRequest.</li>
5
<ol><li>Сначала создается новый экземпляр объекта-запроса XMLHttpRequest.</li>
6
<li>Настраивается запрос с помощью метода open, где определяется метод запроса (в данном случае GET) и URL, на который будет отправлен запрос.</li>
6
<li>Настраивается запрос с помощью метода open, где определяется метод запроса (в данном случае GET) и URL, на который будет отправлен запрос.</li>
7
<li>Запрос отправляется на сервер с помощью метода send.</li>
7
<li>Запрос отправляется на сервер с помощью метода send.</li>
8
<li>Подписываемся на событие onreadystatechange, которое срабатывает каждый раз, когда состояние запроса меняется.</li>
8
<li>Подписываемся на событие onreadystatechange, которое срабатывает каждый раз, когда состояние запроса меняется.</li>
9
<li>Проверяем состояние запроса readyState. Если readyState равен 4, то запрос завершен</li>
9
<li>Проверяем состояние запроса readyState. Если readyState равен 4, то запрос завершен</li>
10
</ol>
10
</ol>