No me hace la función cuando debe.

[satjaen]

Hola, tengo este código con un formulario que funciona bien pero nada mas recargar la pagina ya empieza a hacer la función filtrar (que es la que hace buscar los datos), luego una vez que a recargado y listado todos los datos, ya puedes meter datos en el formulario que funciona perfectamente.
Este es el botón:

Código PHP:

  <button type="button" id="btnfiltrar" name="btnfiltrar" style="cursor:pointer;">
  <img src="imagenes_menu/boton_buscar.jpg" width="100%"/>
</button>  
   

Y este el js

Código Javascript:

// JavaScript Document
var ordenar = '';
$(document).ready(function(){
    
    // Llamando a la funcion de busqueda al
    // cargar la pagina
    filtrar()
    
    var dates = $( "#del, #al" ).datepicker({
            yearRange: "-50",
            defaultDate: "+1w",
            changeMonth: true,
            changeYear: true,
            onSelect: function( selectedDate ) {
                var option = this.id == "del" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" ),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
    });
    // ocultar div loading
    $(".carga").hide();
    // filtrar al darle click al boton
    $("#btnfiltrar").click(function(){ filtrar() });
    
    // boton cancelar
    $("#btncancel").click(function(){ 
        $(".filtro input").val('')
        $(".filtro select").find("option[value='0']").attr("selected",true)
        filtrar() 
    });
    
    // ordenar por
    $("#data th span").click(function(){
        var orden = '';
        if($(this).hasClass("desc"))
        {
            $("#data th span").removeClass("desc").removeClass("asc")
            $(this).addClass("asc");
            ordenar = "&orderby="+$(this).attr("title")+" asc"      
        }else
        {
            $("#data th span").removeClass("desc").removeClass("asc")
            $(this).addClass("desc");
            ordenar = "&orderby="+$(this).attr("title")+" desc"
        }
        filtrar()
    });
});
 
var fila= null;
function pulsar(obj, num_usuario) {
  obj.style.background = 'grey';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
 window.location ="menu3.php?id="+num_usuario;
}
var fila= null;
function pulsar1(obj, num_aparato) {
  obj.style.background = 'grey';
  if (fila != null && fila != obj)
    fila.style.background = 'white';
  fila = obj;
 window.location ="hist_apara.php?id="+num_aparato;
}
function filtrar()
 
{
       
* *     $.ajax({
* * * * data: $("#frm_filtro").serialize()+ordenar,
* * * * type: "POST",
* * * * dataType: "json",
* * * * url: "ajax.php?action=listar",
* * * * beforeSend:function(){
        $('.carga').css('display','block');
        $('.carga').html("<img src='imagenes_menu/ajax-loader4.gif' align='center' /><br />Cargando...");
        },
* * * * 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);
    $('.carga').html('');
* *}
 
            
      });
}
 
function createAjax(){
   if (window.XMLHttpRequest)
   {
      xmlhttp=new XMLHttpRequest();
   }
   else
   {
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
}
 
function buscarAparatos()
{
    var num_usuario = 0;
    var elements = document.getElementsByName('demo');
    
    for(var x=0;elements[x];x++){
        if(elements[x].checked){
            num_usuario = elements[x].value;
            break;
        }
    }
    
    createAjax();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
        }
    }
   xmlhttp.open("GET","listado_aparatos.php?ID=" + num_usuario,true);
   xmlhttp.send(null);
}
 

Gracias y un saludo



EDITO: Aclaro que me hace esta función nada mas abrir la pagina: url: "ajax.php?action=listar",cuando debería de empezar al pulsar el botón.