Как сделать запрос GET или POST — fetch API

API-интерфейс выборки JavaScript позволяет с легкостью выполнять HTTP-запросы. Вы можете использовать API выборки для простой и чистой обработки запросов GET и POST, независимо от того, отправляете ли вы запрос GET или POST. В этом сообщении блога обсуждается, как использовать API выборки JavaScript для запросов GET и POST.

GET-запрос

С помощью API выборки вы можете легко сделать запрос GET. Вы просто вызываете fetch() и передаете URL-адрес ресурса, который хотите получить. Чтобы продемонстрировать, как выглядит запрос GET, вот пример:

fetch('https://jsonplaceholder.typicode.com/posts')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

В этом примере данные извлекаются из REST API с помощью метода fetch(), который возвращает Promise, который разрешается в объект Response. response.json()возвращает тело ответа, проанализированное в формате JSON. В качестве последнего шага мы регистрируем данные, используя метод console.log().

POST-запрос

Запрос POST с API выборки похож на запрос GET, но вы должны указать метод запроса и тело запроса. В качестве примера простого POST-запроса, вот как он выглядит:

const data = { title: 'My Post', body: 'This is the body of my post' };

fetch('https://jsonplaceholder.typicode.com/posts', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

В этом примере выполняется запрос POST к REST API с использованием метода fetch(), который принимает объект параметров в качестве второго аргумента, который определяет запрос method, headers и body. Свойство method указывает метод запроса, а свойство headers указывает заголовки запроса. application/jsonуказывает, что тело запроса находится в формате JSON, как указано в заголовке Content-Type. С помощью метода JSON.stringify() мы преобразуем тело запроса в строку.