Использование AJAX для создания datalist

Question

Я пытаюсь добавить к datalist с помощью AJAX. На веб-странице, на которую я запрашиваю, есть только имена городов по каждой из них. Я в принципе есть:

(function() { 
"use strict"; 

    window.onload = function() { 
     fetch("cities"); 
    }; 

    function fetch(mode) { 
     var request = new XMLHttpRequest(); 
     request.onload = getCities(); 
     request.open("GET", "https://weather.com/weather/mode=" + mode, true); 
     request.send(); 
    } 

    function getCities() { 
     //loop while there's data/string to grab { 
      var city = document.createElement("option"); 
      city.innerHTML = this.responseText; //set the option as the name of the city from the request 
      document.getElementById("cities").appendChild(city); 
     } 
    } 
})(); 

Веб-страница является просто наполнитель для веб-страницы, которые я использую на сервере, но я пытаюсь создать новый вариант тег для каждой строки и добавить его к DataList в моей html, но у меня проблема с чем-то поймать. По какой-то причине я просто получаю неопределенную ошибку. Извините, я вроде как новичок в javascript и AJAX.

веб-страница макет страницы запроса:

Абиджан Аккра Адана Аддис Абеба Ахмедабад Халеб Александрия Алджер Алматы Анкара Аньшань Багдад Баку Бандунг Бангалор Бангкок

Answer 1

Вы упускаете кронштейны () от вашей функции вызывает

(function() { 
    "use strict"; 

    window.onload = function() { 
     fetch("cities"); 
    }; 

    function fetch(mode) { 
     var request = new XMLHttpRequest(); 
     request.onload = getCities();  // <- brackets missing here 
     request.open("GET", "https://weather.com/weather/mode=" + mode, true); 
     request.send();     // <- and here 
    } 

    function getCities() { 
     var city = document.createElement("option"); 
     document.getElementById("cities").innerHTML = this.responseText; 
    } 
})(); 

Это также очень неясно мне, как предполагается, ваша getCities функция работать. Вы создаете набор параметров, но не добавляете его в свой DOM. Я также не уверен, что должно быть this.responseText.