javascript

GET Request params with Axios

Aland Baban · August 2021 · 1 min read

One of the popular libraries in JavaScript land to perform HTTP requests is axios. It is promised based and allows writing code using async await syntax.

Installation

Run the command below:

code

yarn add axios

Simple GET HTTP request with axios

A simple GET HTTP request may look like:

code

axios.get({
  url: `${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`,
  method: 'get'
});

This returns a promise object. Using async await syntax, the promise object can be resolved.

code

export const getPopularMovies = async () => {
  try {
    return await axios.get(
      `${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`
    );
  } catch (error) {
    console.error(`[API RESPONSE ERROR]: ${error}`);
  }
};

Adding parameters to GET requests

A GET response can contain parameters. With Axios you can add parameters to the URL:

code

axios.get(`${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`);

Or can use params property in the options:

code

axios.get(`${BASE_URL}/movie/popular`, {
  params: {
    api_key: API_KEY,
    page: pageNumber
  }
});

javascript

GET Request params with Axios

Aland Baban · August 2021 · 1 min read

One of the popular libraries in JavaScript land to perform HTTP requests is axios. It is promised based and allows writing code using async await syntax.

Installation

Run the command below:

code

yarn add axios

Simple GET HTTP request with axios

A simple GET HTTP request may look like:

code

axios.get({
  url: `${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`,
  method: 'get'
});

This returns a promise object. Using async await syntax, the promise object can be resolved.

code

export const getPopularMovies = async () => {
  try {
    return await axios.get(
      `${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`
    );
  } catch (error) {
    console.error(`[API RESPONSE ERROR]: ${error}`);
  }
};

Adding parameters to GET requests

A GET response can contain parameters. With Axios you can add parameters to the URL:

code

axios.get(`${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`);

Or can use params property in the options:

code

axios.get(`${BASE_URL}/movie/popular`, {
  params: {
    api_key: API_KEY,
    page: pageNumber
  }
});