Condicion para que salga imagen Loading

[satjaen]

Hola, por favor quisiera saber como puedo hacer una condicion para que saliera la imagen animada de loading......

Tengo esta condicion que cuando no hay registros sale:

Código Javascript:

if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
 

Cuando hay registros:

Código PHP:

$("#data tbody").html(html_user);
 

Entonces lo que quiero es que antes de encontrar los registros me salga la imagen animada de loading......

Pongo todo el cod.

Código Javascript:

function filtrar()
{   
                $.ajax({
                    // Antes de realizar la llamada mostramos el ajax load
                    beforeSend: function(){
                        $('#data').html('<img id="loader" src="imagenes_menu/ajax-loader.gif"/>');
                    },
        data: $("#frm_filtro").serialize()+ordenar,
        type: "POST",
        dataType: "json",
        url: "ajax.php?action=listar",
            success: function(data){ 
    var html_user ='' ;
    if(data.length > 0){ 
        $.each(data, function(i,item){ 
        
        
         
 html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
 html_user += '<td ><input name="demo" type="radio" value="' + item.num_usuario + '"/></td>';
 html_user += '<td id="row0" >'+item.num_usuario+'</td>';
 html_user += '<td>'+item.telefono+'</td>';
 html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
 html_user += '<td>'+item.poblacion+'</td>';
 html_user += '</tr>';
            
                                  
        });                     
    } 
    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
    $("#data tbody").html(html_user);
}
 
            
      });
}
 

Gracias.