Как сделать HTTP-запрос в Javascript?

В JavaScript вы можете сделать HTTP-запрос, используя встроенный XMLHttpRequestobject или более новый fetch API. Вот пример использования fetch:

javascriptCopy code
fetch('https://example.com/data.json')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error))

этот пример отправляет запрос GET на https://example.com/data.json и регистрирует ответ JSON на консоли. Если есть ошибка, вместо этого она записывается в консоль.

Если вам нужно отправить дополнительные данные или заголовки с запросом, вы можете передать объект параметров в качестве второго аргумента в fetch. Например:

javascriptCopy code
fetch('https://example.com/api', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    name: 'John Doe',
    email: '[email protected]'
  })
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error))

В этом примере на https://example.com/api отправляется запрос POST с полезными данными JSON, содержащими имя и адрес электронной почты. Он устанавливает для заголовка Content-Type значение application/json и использует JSON.stringify для преобразования полезной нагрузки в строку. Ответ анализируется как JSON и заносится в консоль. Если есть ошибка, вместо этого она регистрируется в консоли.