Estoy tratando de crear un campo de búsqueda, buscando ciudades en Dinamarca. Tengo una API con JSON para obtener todas las ciudades, pero hay muchos datos y, por lo tanto, se tarda en cargar la página.

¿Hay alguna forma de que pueda cargar datos de esta API después de que el usuario haya escrito en el campo?

Aquí hay un recorte del javascript/php que estoy usando para obtener los datos. Aquí también puedes ver el enlace de todas las ciudades.

 var cities = []; <? $citiesData = file_get_contents('https://api.dataforsyningen.dk/steder?hovedtype=Bebyggelse&undertype=by'); $cityJson = json_decode($citiesData, true); for ($x = 0; $x <= count($cityJson) - 1; $x++) { ?> cities.push("<? echo $cityJson[$x]["primærtnavn"]; ?>"); <? } ?>

Después de esto, estoy usando la función javascript de autocompletar de W3School, que se puede encontrar aquí: https://www.w3schools.com/howto/howto_js_autocomplete.asp

¿Cómo puedo hacer esto para que la página no tarde mucho en cargarse?