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

Getting Real Data with fetch

Up Next


Autoplaying in 7 seconds!


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.

Table of Contents

    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

    176 posts

    Founder of Google Developer Expert in Web Technologies. Slapping the keyboard until something good happens.