Lesson

46.3Fetch API

Now that you understand what an API is, let us learn how to use JavaScript to talk to an API. To do this, we use the Fetch API.

The Fetch API is a feature in web browsers that allows developers to make network requests to retrieve data from servers or send data to servers.

Let's first look at an example code to get a random cat fact from a server using CatFact API, Here, the fetch() function sends a request to the API, and the API sends back the data that we can use in our program.

In the above code,

The fetch() function sends a request to the CatFact API at https://catfact.ninja/fact, which provides random cat facts, and returns a Promise object.
The API responds with data in JSON format.
The response.json() method processes the response and converts it into a JavaScript object. It returns another Promise containing the actual data.
The .then() block receives the parsed data and logs the cat fact to the console.
If something goes wrong during the request or response parsing like a network error, the .catch() block handles the error and logs it to the console.

Previous Next