buscador en ajax

estibaliz2006 · #1 (**permalink**) 08/01/2008, 11:57

hola a todos. quiero crear un buscador con ajax. tengo uno medio medio pero no lo hago funcionar del todo correctamente. podéis echarme un cable o sabéis de algún sitio donde haya un tutorial para poder ver los pasos a crear con el buscador? gracias a todos

Shiryu_Libra · #2 (**permalink**) 08/01/2008, 13:08

y por que no mejor pones tu codigo y buscamos mejorarlo????

estibaliz2006 · #3 (**permalink**) 09/01/2008, 05:37

ok. perdona. mira lo que voy a hacer es poner el ejemplo que me valió a mí para realizar mi buscador y sobre él os hago las consultas, ok? bueno. os cuento. Supongamos una base de datos llamada 'ejemplo' con una tabla llamada 'alumnos' donde existen tres campos: idalumno (autonumérico), nombre, direccion.

las funciones en javascript son las siguientes: página funciones.js

Código PHP:

  function nuevoAjax(){

    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 buscarDato(){

    resul = document.getElementById('resultado');

    

    bus=document.frmbusqueda.dato.value;

    

    ajax=nuevoAjax();

    ajax.open("POST", "busqueda.php",true);

    ajax.onreadystatechange=function() {

        if (ajax.readyState==4) {

            resul.innerHTML = ajax.responseText

        }

    }

    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

    ajax.send("busqueda="+bus)

 
}

El formulario de consulta es el siguiente:

Código HTML:

<head>
<title>Buscador en Ajax</title>
<!-- referenciamos al archivo funciones.js donde se encuentra la funcion objetoAjax-->
<script language="JavaScript" type="text/javascript" src="funciones.js"></script>
</head>

<body>
<form name="frmbusqueda" action="" onsubmit="buscarDato(); return false">
  <div align="center">Buscar Alumno:
    <input type="text" name="dato" /> 
  </div>
</form>
<fieldset><legend>Resultado</legend>
<div id="resultado"></div>
</fieldset>
</body>

Por último, la página que consulta los datos y los muestra es la siguiente: busqueda.php

Código PHP:

  
$busqueda=$_POST['busqueda'];

// DEBO PREPARAR LOS TEXTOS QUE VOY A BUSCAR si la cadena existe

if ($busqueda<>''){

    //CUENTA EL NUMERO DE PALABRAS

    $trozos=explode(" ",$busqueda);

    $numero=count($trozos);

    if ($numero==1) {

        //SI SOLO HAY UNA PALABRA DE BUSQUEDA SE ESTABLECE UNA INSTRUCION CON LIKE

        $cadbusca="SELECT * FROM alumnos WHERE nombre LIKE '%$busqueda%' OR direccion LIKE '%$busqueda%' LIMIT 10;";

    } elseif ($numero>1) {

        //SI HAY UNA FRASE SE UTILIZA EL ALGORTIMO DE BUSQUEDA AVANZADO DE MATCH AGAINST

        //busqueda de frases con mas de una palabra y un algoritmo especializado

        $cadbusca="SELECT * , MATCH ( nombre, direccion) AGAINST ( '$busqueda' ) AS Score FROM alumnos WHERE MATCH ( nombre, direccion) AGAINST ( '$busqueda' ) ORDER BY Score DESC LIMIT 50;";

    }

    

    function limitarPalabras($cadena, $longitud, $elipsis = "..."){

        $palabras = explode(' ', $cadena);

        if (count($palabras) > $longitud)

            return implode(' ', array_slice($palabras, 0, $longitud)) . $elipsis;

        else

            return $cadena;

    }

?>

    <table style="width:100%;" border="1px"> 

    <tbody>

        <tr>

            <td class="nombre">Nombre</td>

            <td class="direccion">Direccion</td>

            

        </tr>

<?php

    $result=mysql_query($cadbusca, $con);

    $i=1;

    while ($row = mysql_fetch_array($result)){

        echo "

            <tr>

                <td class=\"nombre\">".$row[nombre]."</td>

                <td class=\"direccion\">".limitarPalabras($row[direccion],20)."</td>

                

            </tr>";

        $i++;

    }

}

?>

    </tbody>

    </table>

Bien. hasta aquí funciona todo más o menos. mis preguntas ahora serían:

1.- ¿cómo hago para que si no existen datos con los criterios de búsqueda aparezca que no existen datos?
2.- ¿cómo hago para meter un mensaje que diga se han encontrado "x" resultados con esos criterios de búsqueda?

a ver si me echáis un cable. gracias

estibaliz2006 · #4 (**permalink**) 10/01/2008, 01:03

alguna ayuda?

kirkem · #5 (**permalink**) 10/01/2008, 09:20

Hola.

Creo que tu solución está en hacer un num_rows de $result y ver si los registros devueltos son 0 para indicar que no se han encontrado resultados o indicar el número de resultados que te ha delvuelto el $result.

Quedaría:

Código PHP:

   $n_regs=mysql_num_rows($result);

 if($n_regs==0)

    echo "<table style=\"width:100%;\" border=\"1px\"> 

    <tbody>

        <tr><td colspan=\"2\">No se han encontrado resultados.</td></tr>

    </tbody>

    </table>";

 else

{

     if($n_regs>0)

     {

         echo "Se han econtrado $n_regs resultados<br />

         <table style=\"width:100%;\" border=\"1px\"> 

         <tbody>

          <tr>

            <td class=\"nombre\">Nombre</td>

            <td class=\"direccion\">Direccion</td>

          </tr>";

 
         while ($row = mysql_fetch_array($result)){

         echo "

            <tr>

                <td class=\"nombre\">".$row[nombre]."</td>

                <td class=\"direccion\">".limitarPalabras($row[direccion],20)."</td>     

            </tr>";

         }

         echo "</tbody>

         </table>";

}

Espero que te sirva de ayuda. Saludos,.