De certeza que já viram pela web fora animações que indicam que um pedido ajax está em curso. Esta animação serve essencialmente para indicar ao utilizador de alguma actividade a ser executada em background e não ser confundida com um bloqueio, já que tudo acontece em background.

Usando JQuery podemos fazer isto com bastante facilidade, primeiro vamos fazer a animação de espera, em Ajaxload existe um gerador destas animações com vários tipos e formas que ainda pode ser personalizado com cores ao nosso gosto. Depois de escolhida a animação coloca-se no html:

Esta imagem tem que estar escondida e só ser mostrada quando é feito um pedido ajax, assim podemos esconder a imagem usando:

Para a mostrar apenas enquanto o pedido é feito podemos usar:

para a esconder quando o pedido termina usamos:

Convém colocar estes dois pedaços de código dentro da função ready. Assim sempre que for feito um pedido por ajax (GET ou POST) é chamada a função ajaxStart que mostra a imagem, assim que esse pedido termina é chamada a função ajaxStop e a mesma imagem é escondida.