How to Use the JavaScript Fetch API to Get JSON Data

fetch-and-display-json.js

// ES6 compatibility
require("isomorphic-fetch") 

// Set default api url
var apiUrl = 'https://randomuser.me/api/?results=10'

fetch(apiUrl).then(response => {
  return response.json();
}).then(data => {
  /** 
   * Work with JSON data here
   * Loop through persons
   */
  var persons = data.results
  persons.forEach(function(person) {
    // Echo person details
    console.log(
    "My name is %s and I am %s \n",
    person.name.first + " " + person.name.last,
    person.gender);
  })
}).catch(err => {
  // Do something for an error here
  console.log(err)
});