скрыть загрузчик после завершения скрипта

Question

Я пытаюсь показать счетчик в момент начала вызова AJAX и скрыть его в момент окончания вызова AJAX. Проблема в том, что я не могу скрыть счетчик после завершения сценария.

У кого-нибудь есть идеи?

<form>
  <div class="row">
    <div class="col-xl-3 col-md-6">
      <div class="card bg-primary text-white mb-4">
        <div class="card-body">Carica directory</div>
        <div class="card-footer d-flex align-items-center justify-content-between">
          <a id='firstAlimentazione' class="small text-white stretched-link" href="#">View Details</a>
          <div class="small text-white">
            <i class="fas fa-angle-right"></i></div>
          <div id="spinnerLoad" class="spinner-border" role="status" style="display: none">
            <span class="sr-only">Loading...</span>
          </div>
        </div>
      </div>
    </div>
</form>

$(function() {
  $('a#firstAlimentazione').bind('click', function() {
    spinner = $('#spinnerLoad');
    spinner.show();
    $.getJSON('/firstScript', function(data) {
      spinner.hide()
    });
    return false;
  });
});

Answer 1

Используйте функцию успеха в вашем коде ajax.