0

Estoy asignando la función "autocomplete" de jQuery a un input pero éste no muestra los resultados.

Los datos se recogen de la BD a través de una función PHP mediante método post. Recorriendo la traza he comprobado que los datos se reciben, se convierten en un array de strings y se pasan a una variable, la cual es llamada en el source de la función autocomplete.

Os paso el código de jQuery:

$.post("../../events_front_end/autocomplete_events/",{'autocomplete':true},function(data,status){
//console.log(data);
var json=JSON.parse(data);
var name_events=json.band_name;

//AQUI ENTRA
console.log(name_events);

var suggestions =new Array();

for (var i =0; i<name_events.length; i++){
  suggestions.push(name_events[i].band_name);
}//end of for

//AQUI ENTRA
console.log(suggestions);

$("#keyword").autocomplete({
  source: suggestions,
  minLength:1,
  select:function(event, ui){
    //AQUI NO ENTRA
    console.log("Estoy en select");
    var keyword =ui.item.label;
    count_event(keyword);
  }
});
}).fail(function(xhr){
  $("#results").load("../../events_front_end/view_error_false/",{'view_error':false});
  $('.pagination').html('');
reset();
});//End of $.post autocomplete

Alguien podría orientarme sobre dónde puede estar el error? He realizado varias pruebas sin éxito. Gracias de antemano.

introducir la descripción de la imagen aquí

8
  • Primero hay que revisar que obtengas resultados.
    – cignius
    Commented el 5 dic. 2016 a las 16:11
  • @Cig Como podrás observar en el código, existen varios console.log() que muestran por consola los resultados de la base de datos. Se muestran cuando se hace el parse desde el JSON y cuando se introducen en el array de strings. Commented el 5 dic. 2016 a las 16:17
  • tienes lo que te arroja el log suggestions?
    – cignius
    Commented el 5 dic. 2016 a las 18:14
  • Si lo acabo de añadir, Es un array de strings. Commented el 6 dic. 2016 a las 0:51
  • Tienes montado el archivo donde consultas el post? al parecer todo funciona bien...
    – cignius
    Commented el 6 dic. 2016 a las 1:16

1 respuesta 1

-1
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/black-tie/jquery-ui.css" />

var suggestions =new Array();
$.post("../../events_front_end/autocomplete_events/",
          {
            'autocomplete':true
          },
          function(data,status){
          var json=JSON.parse(data);
          var name_events=json.band_name;

         //AQUI ENTRA
         console.log(name_events);

         for (var i =0; i<name_events.length; i++)
             {
               suggestions.push(name_events[i].band_name);
             }//end of for    
         }).fail(function(xhr){
               $("#results").load("../../events_front_end/view_error_false/",                         {'view_error':false});
               $('.pagination').html('');
               reset();
    });//End of $.post autocomplete

$("#keyword").autocomplete({
  source: suggestions,
  minLength:1,
  select:function(event, ui){
    //AQUI NO ENTRA
    console.log("Estoy en select");
    var keyword =ui.item.label;
    count_event(keyword);
  }
});

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.