Fetch / XHR: Запрос на чистом JavaScript

В примере Ajax запроса на чистом JavaScript код отправляет GET запрос на https://example.com/api/handler/ и обрабатывает ответ сервера в функции onload. Если статус ответа равен 200, то содержимое ответа можно получить из свойства responseText. Если статус не равен 200, то выводится сообщение об ошибке.

// Отправляем запрос с данными
const data = 'param1=value1&param2=value2';

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/handler/');

// Устанавливаем заголовок для передачи данных в URL
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

xhr.onload = function()
{
  if (xhr.status === 200)
  {
    const response = xhr.responseText;
    // обработка ответа сервера
	console.log('Ответ сервера:', response);
  }
  else 
  {
    console.log('Ошибка загрузки данных: ' + xhr.status);
  }
};
xhr.send( data );

Для отправки данных в формате JSON:

// Данные для отправки в формате JSON
const data = JSON.stringify({
  param1: 'value1',
  param2: 'value2'
});

const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api/handler/');

// Устанавливаем заголовок для передачи JSON
xhr.setRequestHeader('Content-Type', 'application/json');

xhr.onload = function()
{
  if (xhr.status === 200)
  {
    const response = xhr.responseText;
    // обработка ответа сервера
    console.log('Ответ сервера:', response);
  }
  else 
  {
    console.log('Ошибка загрузки данных: ' + xhr.status);
  }
};
// Отправляем запрос с данными
xhr.send( data );