4 ways to make an api call in JavaScript | Http requests | JavaScript Tutorials

Показать описание

In this video, i will show you how to make an API call in javascript
In JavaScript, it was really important to know how to make HTTP requests and retrieve the dynamic data from the server/database.
JavaScript provides some built-in browser objects and some external open source libraries to interact with the APIs.
Here are the possible ways to make an API call:
XMLHttpRequest
fetch
Axios
jQuery
XMLHttpRequest
Before ES 6 comes out, the only way to make an HTTP request in JavaScript was XMLHttpRequest. It is a built-in browser object that allows us to make HTTP requests in JavaScript.
JSONPlaceholder is a free online REST API that you can use whenever you need some fake data.
By default we receive the response in the string format, we need to parse into JSON.
XMLHttpRequest was deprecated in ES 6 by the introduction of fetch. But still, we are using XMLHttpRequest when we need to work with old browsers and don’t want polyfills.
Fetch allows you to make an HTTP request in a similar manner as XMLHttpRequest but with a straightforward interface by using promises. It’s not supported by old browsers (can be polyfilled), but very well supported among the modern ones. We can make an API call by using fetch in two ways.
The fetch API is very powerful. We can easily send AJAX requests using the browser fetch API. The major disadvantage of fetch API is error handling.
Axios
It supports all modern browsers, including support for IE 8 and higher.
Installation:
If you are using any one of the package managers like npm or yarn.
The following are the advantages of Axios
Axios performs automatic transformations and returns the data in JSON format.
Better error handling
Axios has a wide range of supported browsers.
The $.ajax method takes many parameters, some of which are required and others optional. It contains two callback functions success and error to handle the response received.
Conclusion
Most of the real-time applications are using Axios to make HTTP requests. Axios is a very easy and an open-source library for making HTTP requests.
I have covered the most popular ways to make HTTP requests in JavaScript.
jQuery
jQuery has many methods to handle asynchronous HTTP requests. In order to use jQuery, we need to include a source file of jQuery, and $.ajax() method is used to make the HTTP requests.

Рекомендации по теме

Комментарии

Man thanks, I spent a good 2 hours figuring out how the fuck and HTTP request works and you come here and explain it flawlessly in 10 minutes

alangamer

Your channel is not named Code Pro for nothing, this tutorial gives me a better understanding on how to make request on API. Please keep making quality content like this one.

archangel

This demo was awesome! Down to the point, no waste of time, it all worked out perfect! Thank you Code Pro.

arcosd

I spent a month watching countless videos about asynic await to find a solution for this and you made it in one video
Thank you

educationaltechnology