как получить данные с сервера js

Для получения данных с сервера на клиенте (в браузере) существуют встроенные в js методы: XMLHttpRequest, fetch. Покажу самый примитивный и легкий для понимания вариант:

fetch('https://domain.ru/user/1');

Запрос на получение данных о пользователе с id = 1 был отправлен на сервер. Теперь обработаем ответ сервера и получим информацию об этом пользователе:

fetch('https://domain.ru/user/1')
  .then(res => {
    if (!res.ok) throw new Error(res.status)
    teturn res.json();
  })
  .then((data) => console.log(data))
  .catch(err => console.log('Error status code: ' + err.message))

Как это работает:

• Функция fetch() используется для выполнения запроса к URL https://domain.ru/user/1. Ответ возвращается как Promise, который обрабатывается первым методом .then().
• Первый метод .then() проверяет, является ли ответ OK, используя свойство res.ok. Если ответ не является OK, он выбрасывает ошибку со статус-кодом.
• К методу res.json() добавляется ключевое слово return, чтобы вернуть JSON-данные как Promise.
• Второй метод .then() получает JSON-данные в качестве параметра и записывает их в консоль с помощью метода console.log().
• Метод .catch() используется для обработки любых ошибок, которые могут возникнуть в Promise, и он записывает сообщение об ошибке со статус-кодом ошибки.