0

Estoy usando este maravilloso plugin desarrollado por Devbridge. Utilizando sus ejemplos uno me funciona bien y el otro no:

El que funciona:

// Obtengo listaDeProfesionales desde /profesionales/get_lista/
$('#autocompleteInput').autocomplete({
    lookup: listaDeProfesionales,
});

El que no funciona:

$('#autocompleteInput').autocomplete({
    serviceUrl: "/profesionales/get_lista/",
});

Me arroja este error en pantalla:

Uncaught TypeError: Cannot read property 'length' of undefined

En el archivo del plugin

jquery.autocomplete-devbridge.js:792

No entiendo por qué, ya que es la misma fuente de información, solo que una es almacenada localmente y la otra es vía AJAX. /profesionales/get_lista/ retorna un JSON en el formato {value: "..", data: any} como solicita el plugin.

Según la documentación el parametro serviceURL debe proveer la URL que retorna un string de serviceUrl. Por lo que veo no estoy entendiendo muy bien que se supone que es.

7
  • En ninguno de esos codigos aparece usada la propiedad length. Falta codigo relevante que no estás enseñando?
    – lois6b
    el 2 mar. 2017 a las 16:06
  • /profesionales/get_lista/ que devuelve? un JSON?
    – jolsalazar
    el 2 mar. 2017 a las 16:07
  • Ahí edité la pregunta respondiendo sus dudas. Gracias!
    – Genarito
    el 2 mar. 2017 a las 16:09
  • un objeto no es un array el 2 mar. 2017 a las 17:05
  • 1
    Si tiees " var x = {algo: 'algo'}" no puede usar x.lenght, porq x es u objeto, en cambio si usas " var x = [ {algo: 'algo'} ]", ahora si puedes usar x.lenght ya que es un array que indexa objetos el 2 mar. 2017 a las 17:18

1 respuesta 1

1

Ahí encontré el problema, al parece el formato del JSON retornado por la función AJAX tiene que ser:

{
    suggestions: [
        { "value": "United Arab Emirates", "data": "AE" },
        { "value": "United Kingdom",       "data": "UK" },
        { "value": "United States",        "data": "US" }
    ]
}

Y yo no estaba incorporando la clave "suggestions".

Más información acá

Tu Respuesta

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

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