如何在以下情况下显示图像加载器，直到从 AJAX 请求重新出现

以下是我编写的jQuery-AJAX代码：

$('#request_form').submit(function(e) {
  var form = $(this);
  var formdata = false;
  if(window.FormData) {
    formdata = new FormData(form[0]);
  }
  var formAction = form.attr('action');
  $.ajax({
    url         : 'xyz.php',
    type        : 'POST',    
    cache       : false,
    data        : formdata ? formdata : form.serialize(),
    contentType : false,
    processData : false,
    success: function(response) {
      var responseObject = $.parseJSON(response);    
      if(responseObject.error_message) {
        if ($(".alert-dismissible")[0]) {
          $('.alert-dismissible').remove();   
        }  
        var htmlString = "<div class='alert alert-danger alert-dismissible' role='alert'><button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>"+responseObject.error_message+"</div>";    
        $(htmlString).insertBefore('div.modal-body #request_form');        
      } else {
        $('#Modal1').modal('hide');
        $('#Modal2').modal('show');       
      }
    }
  });
  e.preventDefault();
});

我想在网页上显示加载器图像，直到 PHP 端得到一些响应。加载程序的显示方式应使用户无法单击浏览器窗口中的任意位置。一旦响应（错误/成功）来自服务器（即.PHP端），加载器图像应该消失并让流完成它们的工作。

有人可以在这方面帮助我吗？

如果您想了解有关我的问题的任何进一步信息，请告诉我。

提前谢谢。