Formato JSON para jQuery UI Autocompletar

Question

La documentación para jQuery UI Autocomplete indica que la propiedad source se puede establecer en una URL que devuelve los elementos sugeridos en formato JSON. Sin embargo, no detalla cómo se supone que debe ser la estructura de este resultado JSON. ¿Alguien podría publicar un ejemplo? ¡Gracias!

Answer 1

Este es un formato JSON

{source: ["Milan", "Turin", "Venice", "Florence", "Rome"] } 

u otra fuente de

{source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]} 

Answer 2

hago una llamada a un controlador de primavera de programación Java que simplemente devuelve la siguiente información (en formato JSON). Lo construyo con JSTL. Pero no sé qué tipo de backend utilizas. Pero en Allmost todos los lenguajes puedes simplemente generar algunos JSON.

Ejemplo:

{"results":[{"id":" Canned","name":" Canned"}, {"id":64,"name":"Added Sulphites"}, 
{"id":3,"name":"age"}, {"id":"age","name":"age"}, {"id":59,"name":"age group"}, 
{"id":"Allergen","name":"Allergen"}, {"id":85,"name":"Anchovies"}]} 

me gusta autocompletar. tal vez hayas encontrado una mejor solución en flexbox: http://flexbox.codeplex.com/

Answer 3

¿Has mirado los ejemplos aquí? http://jqueryui.com/demos/autocomplete/#remote

Answer 4

Aquí es un ejemplo del mundo real, pero utiliza una fuente de datos remota JSONP: http://www.highpoint.edu/admissions/contact.cfm

El campo de alta escuela utiliza autocompletar (asegúrese de elegir 'novato' para el tipo de admisión b/c de lo contrario el alto el campo escolar estará oculto). Además, al cambiar la selección de país/estado se alterará un poco la fuente de autocompletar, lo que podría agregar cierta confusión.

Además, esa URL es solo un contenedor para un iframe con la forma real, que no puedo publicar un enlace a b/c. Los nuevos usuarios solo pueden publicar una URL en un comentario.

Answer 5

trasladó la respuesta en este caso de mi comentario:

[{"label":"mylabel","value":"myvalue"},...] 

Me pareció que para ser este formato que .autocomplete está buscando para jQuery UI 1.8

Answer 6

usando firebug podemos ver este formato JSON para

[{"id":"Podiceps nigricollis","label":"Black-necked Grebe","value":"Black-necked Grebe"}] 

que utilizan json_encode

$a[$x] = array("id" => $row["id"],"label"=>$row["label"],"value"=>$row["value"]); 
} 
//echo JSON to page 
    $response = json_encode($a); 
echo $response;