diff --git a/js/wp-autocomplete.js b/js/wp-autocomplete.js index ccac8ac..e73bd7a 100644 --- a/js/wp-autocomplete.js +++ b/js/wp-autocomplete.js @@ -1,11 +1,10 @@ document.addEventListener('DOMContentLoaded', function() { - console.log('wp-autocomplete.js loaded!'); - - // Select the element in our index.php: - var autocomplete_field = document.getElementById('autocomplete-field'); - - // Basic Awesomplete demo - new Awesomplete( autocomplete_field, { - list: ["Ada", "Java", "JavaScript", "Node.js", "PHP", "Perl", "Python", "Ruby on Rails"] - }); + // Awesomplete AJAX demo from https://leaverou.github.io/awesomplete#ajax-example + var ajax = new XMLHttpRequest(); + ajax.open("GET", "https://restcountries.eu/rest/v1/lang/en", true); + ajax.onload = function() { + var list = JSON.parse(ajax.responseText).map(function(i) { return i.name; }); + new Awesomplete(document.getElementById("autocomplete-field"),{ list: list }); + }; + ajax.send(); });