Question

I am using jquery .load() method to load results of a search within a div like so (dumbed down version)

$('#resultscontainer').load("results.php", {data: data});

The end result will require more data to be sent and a potential waiting time for the results to be loaded into the div. Is it possible to have an animated gif (like a spinning icon) show within the div “resultscontainer” while it is processing the data?

Answer 1

Sup livinzlife

yea ofc there is special events in jquery for this 😀

$("#loading").ajaxStart(function(){
  $(this).show();
});

$("#loading").ajaxStop(function(){
  $(this).hide();
});

where #loading is your gif for example: http://www.ajaxload.info/