Разберемся в POST и GET запросах: что это такое и зачем нужны

POST и GET - два самых распространенных HTTP метода. Оба используются для передачи данных между клиентом и сервером, но они используются для разных целей.

GET запрос:

GET это HTTP метод, который используется для получения данных от сервера. Когда вы вводите адрес сайта в браузере и нажимаете Enter, браузер отправляет GET запрос на сервер для получения HTML страницы. Он также используется для передачи параметров в URL.

Код GET запроса в JavaScript:

javascript
let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.log('Error!');
  }
};
xhr.send();

POST запрос:

POST это HTTP метод, который используется для отправки данных на сервер. Он наиболее часто используется при отправке форм на сервер. В отличие от GET запроса, данные отправляются не через URL, а в теле запроса.

Код POST запроса в JavaScript:

javascript
let xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/data');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.log('Error!');
  }
};
let data = {
  name: 'John',
  age: 30
};
xhr.send(JSON.stringify(data));

Здесь мы отправляем данные в формате JSON. Мы указываем заголовок Content-Type для указания типа данных в теле запроса. Также мы используем метод JSON.stringify для преобразования объекта в строку.