ToolJet/docs/versioned_docs/version-2.65.0/how-to/use-axios.md
Aman Regu fed052a99b
[docs]: v2.65.0 (#10415)
* add date with time column

* add table component to date with time colum

* add aggregate and group by

* add docs for retry on network error

* add cookies

* add .env vars

* add docs for v2.65.0

* remove banner from v2.65.0

* update data types title

* update querying data title
2024-07-22 19:46:36 +05:30

2 KiB

id title
use-axios-in-runjs Use Axios in RunJS

ToolJet supports three libraries: Moment.js, Lodash, and Axios. This guide focuses on using the Axios library with RunJS queries. Axios is a promise-based HTTP client for making requests to your own or external servers. It supports various request types like GET, POST, PUT/PATCH, and DELETE.

GET Requests

We'll use JSONPlaceholder, a free API, to demonstrate GET and PUT requests.

  • Create a RunJS query and paste the code below:
var url = "https://jsonplaceholder.typicode.com/users/1";

var data = (await axios.get(url)).data;

return data

This code sets up a URL variable, makes a GET request to the API, and returns the data. Preview the query to see the API's response.

<img style={{ border:'0', marginBottom:'15px' }} className="screenshot-full" src="/img/how-to/use-axios/get.png" alt="Use Axios in RunJS"/>

POST Requests

  • Create a RunJS query and paste the code below:
var url = "https://jsonplaceholder.typicode.com/users";

var data = axios.post(url,{
  id: 11,
  name: "Shubhendra",
  username: "camelcaseguy",
  email: "shubhendra@tooljet.com",})

return data

This POST request sends user details to the server. The server's response, as shown below, includes Status: 201 indicating successful resource creation.

Use Axios in RunJS

To see Axios in action in a project, check out this tutorial: Build GitHub star history tracker.