Как подключиться к API с помощью JavaScript - несколько запросов GET

Question

В настоящее время я работаю над следующим учебником «Как подключить API с помощью JavaScript», который был действительно информативным.

https://www.taniarascia.com/how-to-connect-to-an-api-with-javascript/

Мне удалось получить пример работы, однако былоЛюбопытно, как бы я открыл второй запрос GET.Я предполагаю, что мог бы создать новый XMLHttpRequest и продублировать request.onload, однако есть ли лучший способ сделать это?

В настоящее время у меня есть настройка запроса для получения данных из https://ghibliapi.herokuapp.com/films

Я ищу, чтобы добавить еще один XMLHttpRequest для получения данных из https://ghibliapi.herokuapp.com/species

Вот код, который был настроен

// Create a request variable and assign a new XMLHttpRequest object to it
   let request = new XMLHttpRequest()

// Open a new connection, using the GET request on the URL endpoint
   request.open('GET', 'https://ghibliapi.herokuapp.com/films', true)

   request.onload = function() {
   // Begin accessing JSON data here
   let data = JSON.parse(this.response)

   // If server response pull in film titles
   if (request.status >= 200 && request.status < 400) {

     data.forEach(film => {

       // Create a div with a card class
       let card = document.createElement('div')
       card.setAttribute('class','card')

       // Create a H1 and set the text content to the films title
       let h1 = document.createElement('h1')
       h1.textContent = film.title

       // Create p and set the text content to the films description
       let p = document.createElement('p')
       p.textContent = film.description

       // More data
       let director = document.createElement('p')
       director.textContent = film.director

       // Append the cards to the container element
       let container = document.querySelector('.container')
       container.appendChild(card)
       card.appendChild(h1)
       card.appendChild(p)
       card.appendChild(director)
   })

  } else {
     let errorMessage = document.createElement('div')
     errorMessage.textContent = "Gah, it's not working!"
     let app = document.querySelector('#root')
     app.appendChild(errorMessage)
  }

 }

// Send request
request.send()