JavaScript - Ayuda con Busqueda Instantanea y paginacion

   
Vista:

Ayuda con Busqueda Instantanea y paginacion

Publicado por elrey123 (2 intervenciones) el 22/05/2017 19:24:34
buen dia a todos.

estoy realizando una busqueda instantanea con un input text y para ello uso php, mysql y ajax. encontre por la web varios ejemplos de busqueda instantanea y lo adapte a mi web, funciona bien sin agregarle la paginacion.
cuando le agrego la paginacion deja de funcionar, trate de unir las 2 funciones tanto del buscador instantaneo como de la paginacion pero no funciona, aqui les dejo los archivos que uso:

rapida.php que contiene el input text

1
Busqueda Rapida: <input type="text" name="Busqueda" id="Busqueda" placeholder="  Palabra a Buscar" onkeypress="return validar1(event)">

la parte javascript que uso para hacer la busqueda es:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script>
$(document).ready(function(){
        var consulta;
        //hacemos focus al campo de búsqueda
        $("#Busqueda").focus();
 
        //comprobamos si se pulsa una tecla
        $("#Busqueda").keyup(function(e){
 
              //obtenemos el texto introducido en el campo de búsqueda
              consulta = $("#Busqueda").val();
              //hace la búsqueda
              $.ajax({
                    type: "POST",
                    url: "buscar.php",
                    data: "b="+consulta,
                    dataType: "html",
                    beforeSend: function(){
                    //imagen de carga
                    $("#contenido").html("<p align='center'><img src='img/loading.gif' /></p>");
                    },
                    error: function(){
                    alert("error petición ajax");
                    },
                    success: function(data){
                    $("#contenido").empty();
                    $("#contenido").append(data);
                    }
              });
        });
});
 
</script>

y el archivo ajax.js que hace la paginacion.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function objetoAjax(){
 var xmlhttp=false;
  try{
   xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  }catch(e){
   try {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
   }catch(E){
    xmlhttp = false;
   }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
   xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}
 
function Pagina(nropagina){
 //donde se mostrará los registros
 divContenido = document.getElementById('contenido');
 
 ajax=objetoAjax();
 //uso del medoto GET
 //indicamos el archivo que realizará el proceso de paginar
 //junto con un valor que representa el nro de pagina
 ajax.open("GET", "buscar.php?pag="+nropagina);
 divContenido.innerHTML= 'Cargando...';
 ajax.onreadystatechange=function() {
  if (ajax.readyState==4) {
   //mostrar resultados en esta capa
   divContenido.innerHTML = ajax.responseText
  }
 }
 //como hacemos uso del metodo GET
 //colocamos null ya que enviamos
 //el valor por la url ?pag=nropagina
 ajax.send(null)
}

no se, si porque las dos funciones tratan de acceder al mismo archivo buscar.php y por esa razon no funciona.
si no le agrego la busqueda instantanea funciona bien la paginacion. y sin la paginacion funciona bien la busqueda instantanea. alguna sugerencia. saludos.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Revisar política de publicidad