mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-22 22:17:55 +00:00
72fa067550
* Updated the formatting of how to docs for the next and current versions * Used the title cases in the heading * Updated the formatting of how to docs for the next and current versions * Used the title cases in the heading * updated the formatting of inspector, form, cell colors * resolved conflicts * Updated the formatting of bulk update multiple rows, conditionaly format table, delete multiple rows, serverside pagination * Updated access user groups, import external lib in js and python, use axios * fix: border colour, blur * Revert changes to versions.json * Changed the formatting of how to docs * add changes from docs/next to v2.34.0 * update: how to docs * fix: image name create-new-query * fix: image name import-successful.png * fix: image name flatten-js * fix: image name math-js-v2 * update: shorten page titles --------- Co-authored-by: Asjad Ahmed Khan <iitasjad2001@gmail.com> Co-authored-by: Karan Rathod <karan.altcampus@gmail.com>
68 lines
No EOL
2 KiB
Markdown
68 lines
No EOL
2 KiB
Markdown
---
|
|
id: use-axios-in-runjs
|
|
title: Use Axios in RunJS
|
|
---
|
|
<div style={{paddingBottom:'24px'}}>
|
|
|
|
ToolJet supports three libraries: **Moment.js**, **Lodash**, and **Axios**. This guide focuses on using the Axios library with RunJS queries. **[Axios](https://axios-http.com/docs/intro)** 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`.
|
|
|
|
</div>
|
|
|
|
<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
|
|
|
|
## GET Requests
|
|
|
|
We'll use **[JSONPlaceholder](https://jsonplaceholder.typicode.com/)**, a free API, to demonstrate GET and PUT requests.
|
|
|
|
- Create a RunJS query and paste the code below:
|
|
|
|
```javascript
|
|
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.*
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img style={{ border:'0', marginBottom:'15px' }} className="screenshot-full" src="/img/how-to/use-axios/get.png" alt="Use Axios in RunJS"/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
|
|
|
|
## POST Requests
|
|
|
|
- Create a RunJS query and paste the code below:
|
|
|
|
```javascript
|
|
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.
|
|
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img className="screenshot-full" src="/img/how-to/use-axios/post.png" alt="Use Axios in RunJS"/>
|
|
|
|
</div>
|
|
|
|
To see Axios in action in a project, check out this tutorial:
|
|
**[Build GitHub star history tracker](https://blog.tooljet.com/build-github-stars-history-app-in-5-minutes-using-low-code/)**.
|
|
|
|
|
|
</div> |