Как прервать ajax запрос?

При клике на кнопку просиходит вызов функции, в которой происходит вызов ajax запроса и его выполнение. Есть другая кнопка которая по идее должна сбрасывать этот запрос и все что происходит в нем в случае успеха/неудачи

let xhr;
$(document).on('click', '.object-item', function (e) {
  constructAppartmentModal($(e.target).closest('.object-item').attr('data-id-apartment'));    
});

function constructAppartmentModal(id) {
  destructAppartmentModal();
  dataRequest = {
    idAppartment: id
  };
  dataRequest = JSON.stringify(dataRequest);
  dataAjax = {
    action: 'wp_construct_appartment',
    dataRequest: dataRequest
  }
  xhr = $.get(ajax_object.ajax_url, dataAjax).then((response) => {
    // success
  }, (response) => {
     //  error
  });
});

$('body').on('click', '.close', function() {
  xhr.abort();
 })

Код не рабочий, понимаю что xhr в последнем вызове скорей всего не существует, поэтому не представляю как обойти это