Перенос данных из API в массив - PullRequest
Новая
       12

Перенос данных из API в массив

0 голосов
/ 12 сентября 2018

У меня проблемы с пониманием того, как передавать данные из API в массив.То, что я пытаюсь сделать, это получить текущее население страны и затем поместить его в массив.Какая страна зависит от ввода.

Я на правильном пути?Как я могу это сделать?Я пробовал так много разных, и этот код - последний, который я получил. 

document
  .querySelector("#newListElement")
  .addEventListener("submit", function(e) {
    e.preventDefault();

    getCountry(country).then(function() {
      list.push({
        id: uuidv4(),
        text: e.target.elements.text.value
        /* How do I send along Country Population Today with this object?*/
      });

      saveListElements(list);
      renderList(list);
      e.target.elements.text.value = "";
    });
  });

function getCountry(country) {
  var url = `http://api.population.io/1.0/population/${country}/today-and-tomorrow`;

  return new Promise(function(resolve, reject) {
    var request = new XMLHttpRequest();
    request.open("GET", url, true);
    request.responseType = "json";

    request.onload = function() {
      if (request.status === 200) {
        resolve(request.response);
      } else {
        reject(Error(request.statusText));
      }

      request.onerror = function() {
        reject(Error("Network Error"));
      };

      request.send();
    };
  });
}

1 Ответ

0 голосов
/ 12 сентября 2018

Я предлагаю вам прочитать эту страницу, прежде чем идти дальше

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises

//the promise's result is the first argument of the resolve handler.
getCountry(country).then(function(myResult) { 
      list.push({
        id: uuidv4(),
        text: e.target.elements.text.value,
        result:myResult
      });

      saveListElements(list);
      renderList(list);
      e.target.elements.text.value = "";
    });
...