Fetch api

The Fetch API provides an interface for fetching resources, primarily across the network.

Basic usage:

fetch('https://restcountries.eu/rest/v2/all')
  .then(response => {
    return response.json()
  })
  .then(apiData => {
    console.log(apiData)
  })

Basic usage with async/await

async function countries() {
  const response = await fetch('https://restcountries.eu/rest/v2/all')
  if (response.ok) {
    const apiData = await response.json()
    console.log(apiData)
  }
}

Using a specific http verb (e.g. POST)

async function createOneListItem() {
  const response = await fetch(
    // URL
    'https://one-list.herokuapp.com?access_token=illustriousvoyage',
    // Options
    {
      // This is a POST request
      method: 'POST',
      // We are sending JSON
      headers: { 'content-type': 'application/json' },
      // The body of the message is the object, but turned into a string in JSON format
      body: JSON.stringify({
        item: { text: 'Learn about Regular Expressions!' },
      }),
    }
  )
  if (response.ok) {
    // Process the response
    const apiData = await response.json()
  }
}