0

tengo este código y el problema que presento es que si escribo varias veces una palabra y la palabra esta disponible en la base de datos me muestra el resultado tantas veces como letras tenga la palabra.

Por ejemplo si busco "stack" y esta disponible apareceria Stack cinco veces y lo ideal sería que lo mostrará una sola vez.

<section class="Search">
        <article class="Search-bar">
            <span class="input-group-addon" id="sizing-addon1"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
            <input type="text" class="Search-input" placeholder="Buscar hechizo, ej: Expelliarmus" aria-describedby="sizing-addon1" id="busqueda">
        </article>
        <div id="resultados" class="Search-resultados"></div>

        <script>
            $('#busqueda').keyup(function(e){
                $("#resultados").text("");
                consulta = $("#busqueda").val();
                 $.ajax({
                 data: {'name': consulta},
                 url: '/buscar/',
                 type: 'get',
                 success : function(data) {                     
                        for (i=0;i<data.length;i++){

                            if((i % 2)==0)
                                $("#resultados").append("<a class=\"Search-resultados--item \" href=/"+data[i].slug+">"+data[i].name+"</a>");
                            else
                                $("#resultados").append("<a class=\"Search-resultados--item Search-resultados--info\" href=/"+data[i].slug+">"+data[i].name+"</a>");
                        }
                        if(consulta == ""){$("#resultados").text("");}
                 },
                 error : function(message) {
                         $("#resultados").text("");
                      }
                 });
            });
        </script>
    </section>

Si alguien pudiera ayudarme con esto se lo agradecería. Saludos!

2
  • ¿Cuál es el problema o qué es lo que no funciona?
    – Shaz
    Commented el 14 sept. 2016 a las 17:49
  • Ya he editado, @Shaz sorry, mandé sin querer
    – ikenshu
    Commented el 14 sept. 2016 a las 17:50

1 respuesta 1

1

Ya lo hemos arreglado. Por si a alguien le sirve, hemos puesto lo siguiente:

$("#resultados").text("");

justo antes del for

3
  • ¿Hemos arreglado? Curioso, no eres la misma persona que pregunta.
    – Shaz
    Commented el 14 sept. 2016 a las 18:10
  • @Shaz yo era el que tenia la duda para ver si podiamos resolver el asunto xD
    – ikenshu
    Commented el 14 sept. 2016 a las 18:24
  • Por eso dije hemos en lugar de he xD No encontrábamos el error y luego de que lo arregláramos me pasé por acá xD
    – Juliens
    Commented el 14 sept. 2016 a las 19:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.