Функция JavaScript для выполнения запросов AJAX: полное руководство

Вот функция для выполнения запросов AJAX в JavaScript:

function makeAjaxRequest(url, method, data, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open(method, url, true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      callback(null, response);
    } else {
      callback(xhr.status);
    }
  };
  xhr.send(JSON.stringify(data));
}

Эта функция принимает четыре параметра:

  • url: URL-адрес, на который отправляется запрос AJAX.
  • method: используемый HTTP-метод (например, GET, POST, PUT, DELETE).
  • данные: данные, которые будут отправлены вместе с запросом (необязательно).
  • обратный вызов: функция обратного вызова, которая вызывается после завершения запроса. Он принимает два параметра: объект ошибки (если есть) и данные ответа.

Пример использования:

makeAjaxRequest('https://api.example.com/data', 'GET', null, function(error, response) {
  if (error) {
    console.error('An error occurred:', error);
  } else {
    console.log('Response:', response);
  }
});