как отправить запрос на сервер js

Для отправки запроса на сервер на языке JavaScript мы можем использовать объект XMLHttpRequest (XHR) или метод fetch.

Этот код отправляет GET-запрос на URL "/api/data" и выводит ответ сервера в консоль браузера с помощью console.log, если ответ успешный (статус код ответа 200 OK). Если ответ сервера неуспешный, то код выводит текст ошибки с помощью console.error.

Зачастую fetch метод короче и удобнее в использовании, однако XMLHttpRequest может быть полезен в ряде случаев. Разберем его синтаксис и работу:

const xhr = new XMLHttpRequest(); // создаем объект запроса

xhr.open('GET', '/api/data'); // настраиваем запрос (метод и URL)
xhr.send(); // отправляем запрос

xhr.onreadystatechange = function () { // подписываемся на событие изменения состояния запроса
  if (xhr.readyState === 4) { // если запрос завершен
     if (xhr.status === 200) { // если статус код ответа 200 OK
         console.log(xhr.responseText); // выводим ответ сервера
     } else {
         console.error(xhr.statusText); // выводим текст ошибки
     }
  }
};

1. Сначала создается новый экземпляр объекта-запроса XMLHttpRequest.
2. Настраивается запрос с помощью метода open, где определяется метод запроса (в данном случае GET) и URL, на который будет отправлен запрос.
3. Запрос отправляется на сервер с помощью метода send.
4. Подписываемся на событие onreadystatechange, которое срабатывает каждый раз, когда состояние запроса меняется.
5. Проверяем состояние запроса readyState. Если readyState равен 4, то запрос завершен