как использовать fetch api в javascript

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Fetch API в JavaScript предоставляет простой и мощный способ выполнения HTTP запросов к серверу и обработки полученных ответов. Он является заменой устаревших методов, таких как XMLHttpRequest.

Выполнение GET запроса:

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json(); // Преобразуем ответ в JSON
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('Fetch error:', error);
  });

Выполнение POST запроса с передачей данных:

const postData = {
  name: 'John Doe',
  email: 'johndoe@example.com'
};

fetch('https://api.example.com/user', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(postData)
})
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json(); // Преобразуем ответ в JSON
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('Fetch error:', error);
  });

Помимо всего, Fetch API позволяет использовать различные параметры запроса, такие как метод запроса (GET, POST и т.д.), заголовки, режим кэширования (cache), параметры запроса (query parameters), таймауты и многое другое.

9 месяцев назад

Ivan Mamtsev

fetch('https://ru.hexlet.io/api/lessons/9') .then(r => r.json()) .then(data => console.log(data.content))

4 месяца назад

Андрей Позоян

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

Похожие вопросы