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

Question

Aleksey · Accepted Answer

Для получения данных с сервера на клиенте (в браузере) существуют встроенные в js методы: `XMLHttpRequest`, `fetch`.
Покажу самый примитивный и легкий для понимания вариант:

```javascript
fetch('https://domain.ru/user/1');
```

Запрос на получение данных о пользователе с `id = 1` был отправлен на сервер. Теперь обработаем ответ сервера и получим информацию об этом пользователе:

```javascript
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`, и он записывает сообщение об ошибке со статус-кодом ошибки.

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

Ответы

Каталог