Quero fazer sugestões de forma dinâmica com esta API.
Como dinamizar o arquivo de sugestões listando dados do banco mysql?
Download da DEMO: https://github.com/devbridge/jQuery-Autocomplete
O arquivo countries.js
é o que contém o dicionário de sugestões, porém manualmente, desejo algo dinâmico com as sugestões cadastradas no banco sendo listadas nele.
countries.js
var countries = {
"AD": "Andorra",
"AE": "United Arab Emirates",
"AF": "Afghanistan",
"AG": "Antigua and Barbuda",
"AI": "Anguilla",
"AL": "Albania",
"AM": "Armenia",
"WK": "Wake Island",
"WS": "Samoa",
"YD": "People's Democratic Republic of Yemen",
"YE": "Yemen",
"YT": "Mayotte",
"ZA": "South Africa",
"ZM": "Zambia",
"ZW": "Zimbabwe",
"ZZ": "Unknown or Invalid Region"
}
Instruções do manual da API
Formato resposta A Resposta do servidor deve ser JSON formatado seguinte objeto JavaScript:
{
// Query is not required as of version 1.2.5
"query": "Unit",
"suggestions": [
{ "value": "United Arab Emirates", "data": "AE" },
{ "value": "United Kingdom", "data": "UK" },
{ "value": "United States", "data": "US" }
]
}
Os dados podem ser qualquer valor ou objeto. Objeto de dados é passado para formatResults function
e onSelect callback
. Alternativamente, se não houver dados você pode fornecer apenas uma matriz de cadeia para sugestões, como:
{
"query": "Unit",
"suggestions": ["United Arab Emirates", "United Kingdom", "United States"]
}