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

Существует несколько способов сделать HTTP-запрос в JavaScript, некоторые из наиболее популярных:

1. Использование объекта XMLHttpRequest

Это оригинальный способ выполнения HTTP-запроса в JavaScript. Он поддерживается всеми современными браузерами, но имеет сложный API и не очень интуитивно понятен.

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

2. Использование fetch API

Это современный и более интуитивно понятный способ выполнения HTTP-запроса на JavaScript. Он поддерживается всеми современными браузерами и возвращает обещание, которое преобразуется в объект ответа.

fetch("https://api.example.com/data")
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

3. Использование библиотеки, такой как Axios или jQuery

Это сторонние библиотеки, которые упрощают выполнение HTTP-запросов в JavaScript. Они предоставляют более интуитивно понятный API и дополнительные функции, такие как автоматический синтаксический анализ JSON, перехват запросов и ответов и автоматические повторные попытки.

// Axios
axios.get("https://api.example.com/data")
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

// jQuery
$.ajax({
  url: "https://api.example.com/data",
  type: "GET",
  success: function(data) {
    console.log(data);
  },
  error: function(error) {
    console.error(error);
  }
});