rest api in javascript

To consume and interact with RESTful APIs in JavaScript, there are several options that you can choose from. Some of the most popular options are:

1. Fetch API

Fetch API is a built-in browser API that provides a lightweight and simple way to fetch resources from the network. Here’s an example of how to use it:

index.tsx
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));
151 chars
5 lines

2. Axios

Axios is a popular third-party library for making HTTP requests in JavaScript. It allows you to make HTTP requests from both the browser and Node.js. Here’s an example of how to use it:

index.tsx
axios.get('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));
131 chars
4 lines

3. AJAX

AJAX (Asynchronous JavaScript and XML) is a technique for sending and receiving data from a server without refreshing the page. It’s often used in web applications to create dynamic user interfaces. Here’s an example of how to use it:

index.tsx
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onload = function () {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.error(xhr.statusText);
  }
};
xhr.onerror = function () {
  console.error('Error occurred');
};
xhr.send(null);
314 chars
14 lines

These are just some of the options available for consuming RESTful APIs in JavaScript. Choose the one that suits your needs and preferences the most.