Exibir Loader em Consulta ao Banco

Boa noite Galera tudo bem?

Após horas buscando sem sucesso no google e no bing venho apelar para vossa sabedoria.

Quero fazer uma coisa bem básica, um loader(gif) ao clicar no botão responsável por fazer uma consulta num banco.

Vi centenas de casos parecidos no fórum mas nada simples e funcional.

Como ex. criei um banco e uma tabela de contatos. Ao dar o select no banco esse retorno esta demorado e gostaria de colocar tal gif enquanto a consulta é processada.

 

Vi até um usuário do forum aqui que logo após o select deu um

echo '<div><img src='loader.gif'></div>; '

Mas como tratar para que o gif pare de ser mostrado quando a consulta for bem sucedida ?

Sei que deve ser feito com auxilio de ajax/ jquery. Porém realmente não encontrei nada esclarecedor.

Alguém pode ajudar nisso?