jQueryUI - Autocompletar no muestra el menú desplegable con json

Estoy intentando hacer una autocompleta con un archivo .jsp, pero el menú desplegable no aparece.

var cod = document.getElementById('item').value;

$('input#item').autocomplete({
    source: function( request, response ) {
        $.ajax({
          url: "autocomplete.jsp?cod="+cod,
          dataType: "json",
          minLength: 2,
          data: {
            maxRows: 12
          },
          success: function(data) {
              alert(data);
              response(data);
          }
        });
      }
});

Miré 'Redes' en Chrome y llama a la url con el parámetro y devuelve OK, pero el menú desplegable no aparece. PD .: ese diálogo de alerta de 'alerta (datos)' tampoco se muestra.

0
Esto significa que hay un problema en la llamada que está realizando. No escriba error: bloquee y vea si está recibiendo algún error.
agregado el autor Gautam, fuente

1 Respuestas

Estás trabajando demasiado, haciendo cosas que no necesitas hacer. Y algunos de los parámetros destinados a la función de autocompletar se pasan a la función ajax en su lugar - minLength, por ejemplo. Reestructuramos esa llamada así:

$(window).load(function() {
    $('input#item').autocomplete({
        source: 'autocomplete.jsp?maxRows=12',
        minLength: 2,
        select: function (event, ui) {
            alert(ui.item.value + ' ' + ui.item.label);
        },
    });
});

En su jsp, en lugar de "cod", recibirá un parámetro llamado "term". Este es el comportamiento automático del widget de autocompletar.

Su jsp necesitará devolver una matriz JSON. Cada elemento de esta matriz también es una matriz con dos miembros, un "valor" y una "etiqueta".

0
agregado
Todavía no funciona ... Puse un error: alerta ('error') y aparece cada vez que escribo algo en el campo de entrada. Mi campo de entrada html: <div class = "ui-widget"> <input id = "item"> </div>
agregado el autor lucasdc, fuente
Tu código funcionó. Eché un vistazo a mi código y hubo algunos errores de sintaxis. Gracias.
agregado el autor lucasdc, fuente
¿Dónde pusiste esta alerta ('error')?
agregado el autor mcarson, fuente
JavaScript - Comunidad española
JavaScript - Comunidad española
4 de los participantes

En este grupo hablamos de JavaScript. Partner: es.switch-case.com