⇦ Back

WDX-180

Web Development X

Fetch API

The Fetch API provides an interface for fetching resources (including across the network). It will seem familiar to anyone who has used XMLHttpRequest, but the new API provides a more powerful and flexible feature set. In this challenge we will use fetch to request url and APIS. In addition to that let us see demonstrate use case of promises in accessing network resources using the fetch API.

const url = 'https://restcountries.com/v2/all' // countries api
fetch(url)
  .then(response => response.json()) // accessing the API data as JSON
  .then(data => {
    // getting the data
    console.log(data)
  })
  .catch(error => console.error(error)) // handling error if something wrong happens

Sources and Attributions

Content is based on the following sources:

• 30 Days Of JavaScript: Promises (Permalink)

Don’t forget to star this awesome repo!

---

Project maintained by in-tech-gration Hosted on GitHub Pages — Theme by mattgraham