autosuggest jquery plugin / json

mayid · #1 (**permalink**) 09/08/2010, 15:07

Encontre un plugin buenisimo para autocompletado de varias palabras a la vez, pero al parecer tengo un problema de json que no encuentro.

Esta es la pagina del autor, y la version en español:
http://code.drewwilson.com/entry/aut...-jquery-plugin
http://www.bufferoverflow.com.ar/aut...letado-jquery/

Segun Firebug, obtengo esto de respuesta (siguiendo los consejos del autor):

Cita:

[{"value":"1","name":"video tutorials"},{"value":"2","name":"trianglemesh"},{" value":"3","name":"textures"},{"value":"4","name": "scripting"},{"value":"5","name":"rendering"},{"va lue":"6","name":"polymesh"},{"value":"7","name":"m odelling"},{"value":"8","name":"materials"},{"valu e":"9","name":"lights"},{"value":"10","name":"gene ral"},{"value":"11","name":"basics"},{"value":"12" ,"name":"animation"},{"value":"13","name":""}]

O también esto, sin comillas (que aparece en la pagina pero no me funciona tampoco):

Cita:

[{value: "1", name: "video tutorials" }, {value: "2", name: "trianglemesh" }, {value: "3", name: "textures" }, {value: "4", name: "scripting" }, {value: "5", name: "rendering" }, {value: "6", name: "polymesh" }, {value: "7", name: "modelling" }, {value: "8", name: "materials" }, {value: "9", name: "lights" }, {value: "10", name: "general" }]

El problema, en fin, es que si bien el Firebug obtiene una respuesta a la llamada GET, el autocompleter me dice que no hay coincidencias.

mayid · #2 (**permalink**) 09/08/2010, 15:11

Solucionado. Faltaban estos dos parametros:

Cita:

selectedItemProp: "name", searchObjProps: "name"

De otra manera, se busca el value, que es un numero.

deniz · #3 (**permalink**) 17/01/2012, 06:08

Hola a quien lea este post!

Les cuento estoy intentando utilizar este plugin jqduery ya q me parece vale la pena el esfuerzo, hace 2 dias haciendo intentos pero nada, siempre obtengo 'No results found'.

Me he bajado la ultima version la 1.4...alguien tiene un trozo de codigo funcionando ? (usando ajax)

Por si las dudas copio y pego mi pequeño ejemplo:

Código HTML:

Ver original<script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="/scripts/jquery.autoSuggest.js" type="text/javascript"></script>
 
...
 
<body>
<label>para:</label><input name="TagsInputField" id="TagsInputField" type="text"  />
<script type="text/javascript">
    $("input[type=text]").autoSuggest(
    
        "http://ruta/a/mi/script/",
        {
            minChars: 2, 
            matchCase: true,
            selectedItemProp: "name", 
            searchObjProps: "name"
        }       
     );
     </script>
</body>

este codigo php a modo de pruebas nada mas..

Código PHP:

Ver original$data = array();
$json = array();
$json['value'] = "1";
$json['name'] = "deniz";
$data[] = $json;
header("Content-type: application/json");
echo json_encode($data);

Agradecere muchisimo cualquier colaboracion!

mayid · #4 (**permalink**) 17/01/2012, 08:14

Usa firebug para ver que te devuelve el servidor. Eso se puede ver en la solapa de consola. Y bueno, desde ahí podes saber si estas obteniendo un json bien construido o no, pero basicamente te enteras de si se esta llamando al archivo correcto también.

deniz · #5 (**permalink**) 17/01/2012, 09:20

Muchísimas gracias colaborardor, gracias a tu tip pude darme cuenta de q todo estaba ok.