Necesito crear una función de autocompletar que use datos de un JSON externo que tengo. Aquí está mi HTML
<div> <input id="autoComplete"> </div>Aquí está mi data.json que se almacenará en la carpeta raíz.
[ { "en": "vague", "ml": "avyakta" }, { "en": "plethora", "ml": "atika" }, { "en": "army", "ml": "pada" }, { "en": "alter", "ml": "maru" }, { "en": "totality", "ml": "motta" } ]Mi objetivo es activar una función de autocompletar cuando la longitud de entrada es mayor que 1.
Puede usar jQuery UI para esto. Agregue jQuery UI y luego use ese código:
$(function() { $('#autoComplete').autocomplete({ source: function(request, response) { $.ajax({ url: "list.json", dataType: 'json', data: request, success: function(data) { response($.map(data, function(item) { return (`${item.en} : ${item.ml}`) })); } }); }, minLength: 1 }); });