From 25fd3f658e18a5b62ddc255c6cea5b71dfe9923f Mon Sep 17 00:00:00 2001
From: David Nash <274968+davidnash@users.noreply.github.com>
Date: Wed, 13 Mar 2019 17:01:52 +1100
Subject: [PATCH] Add Awesomplete AJAX function, get list externally

---
 js/wp-autocomplete.js | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

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 <input id="autocomplete-field" /> 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();
 });