Getting Started with JavaScript for Web Development: Lesson 22 of 23

Getting Real Data with fetch

Up Next


Autoplaying in 7 seconds!


Create a Free Account to Watch

There are lessons in this course. of learning!

Sign Up Now

Login to your account

The Fetch API allows us to get data from an external source easily. We will be returned a Promise which we can use .then() on.

Using fetch

fetch(url) // Call the fetch function passing the url of the API as a parameter
    .then(function() {
        // Your code for handling the data you get from the API
    .catch(function() {
        // This is where you run code if the server returns any errors


const apiUrl  = '';
const appId   = '58858c7bcf07b61e64257391'; 

If these no longer work and they have hit their limit, you will have to create your own OpenGraph account and get credentials.

Chris Sevilleja

Co-founder of Slapping the keyboard until something good happens.