Quiero agregar una animación del cargador cuando una solicitud de API de búsqueda está cargando datos. Intenté la forma antigua de jQuery, pero no hace nada para obtener solicitudes.

 jQuery(document).ready(function($){ $(document).on({ ajaxStart: function() { $(document.body).addClass("loading"); }, ajaxStop: function() { $(document.body).removeClass("loading"); }, ajaxError: function() { $(document.body).removeClass("loading"); } }); });

Quiero agregar este cargador cuando se realiza cualquier solicitud de API de búsqueda, no solo para una solicitud de API de búsqueda en particular, de manera similar, como lo hace el código jQuery anterior. Agrega/elimina la loading de clases cuando cualquier XMLHtppRequest se ha iniciado/detenido.

¿Hay alguna forma de hacer esto con las solicitudes de búsqueda?