Знаете ли вы, как заполнить DOM изображениями из API - PullRequest
Новая
       16

Знаете ли вы, как заполнить DOM изображениями из API

0 голосов
/ 02 июля 2019

Я пытаюсь получить изображения с внутреннего сервера и заполнить их DOM, чтобы они автоматически отображались

Это домашнее задание, и я только изучаю DOM, API, GET-запросыи т.д. У меня есть некоторый код, который использует мой онлайн-репетитор, но я не знаю, как его изменить, чтобы делать то, что я хочу.Я включил пример, который он использует 

// Access DOM elements
const reportSection = document.getElementById('weather-report');
const cityForm = document.getElementById('city-form');
const cityInput = document.getElementById('city');

// Prepare openweathermap.org request
let apiRequest = new XMLHttpRequest();

/* 
 * Capture and handle form submit event
 * Prevent default behaviour, prepare and send API request
*/
cityForm.addEventListener('submit', ($event) => {
  $event.preventDefault();
  const chosenCity = cityInput.value;
  apiRequest.open('GET', 
'https://api.openweathermap.org/data/2.5/weather?q=' + chosenCity 
+ '&APPID=b34fddd3dae4a2eb0ad363b62f98ba1e');
  apiRequest.send();
});

  apiRequest.onreadystatechange = () => {
    if (apiRequest.readyState === 4) {
      if (apiRequest.status === 404) {
          return reportSection.textContent = 'City not found';
          }
      const response = JSON.parse(apiRequest.response); 
      reportSection.textContent = 'The weather in ' + 
response.name + ' is ' + response.weather[0].main + '.';
    }
  };

Я не могу понять, как бы я использовал свой URL API (http://localhost:3000/api/cameras/), который работает в качестве локального сервера для заполнения веб-страницы, которую я сделалЯ знаю, что это простая проблема, но мне просто нужна помощь, чтобы обернуть слух вокруг нее

...