# Making API requests

To quickly connect a custom API, use HTTP Request Builder. You can make `GET` request to visualize order data in the Table component or `POST` request to reset a password for a specific user. 

![](https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LQ08RFAKZvFADEiXKFy%2F-Mjh4WH_3plDnw1Mr2q1%2F-Mjh4voR0KQJ3Hlq1UTt%2Fimage.png?alt=media\&token=3260a4a8-3dfc-4d82-a13d-783a4deb02e5)

Watch the video below on how to get API Builder set up!

{% embed url="<https://www.youtube.com/watch?v=MlNuOS2sffQ>" %}

There are two options for creating API requests via **Data** or **Visual Builder.**

To open the API Builder from the **Table**, follow the steps:

1. From the **UI Builder,** drag-and-drop **Table** to the Canvas
2. Select  **Rest API as** `Data Source` in Data
3. Select `Make Http request`  as `Collection`

{% @arcade/embed flowId="NpdjzeS0vHShew1gehsJ" url="<https://app.arcade.software/share/NpdjzeS0vHShew1gehsJ>" %}

### Pass Values to API Builder

To pass Values to **API Builder**, such as `charge` you need to specify **Inputs**. To do it, follow the steps:

1. Add new `Input` field in the **API Builder**
2. Specify the test value
3. Pass the Input value of the key in the column **Value**
4. Click on the `Run` button to **send a request**
5. Click on the Save button to **save it**

{% @arcade/embed flowId="wcqsojYRvW227Z9Zsr5I" url="<https://app.arcade.software/share/wcqsojYRvW227Z9Zsr5I>" %}

### Response Transformer

Transform JSON API response using a **Visual** or **Javascript Response Transformer.**

{% content-ref url="api-builder/response-transformer" %}
[response-transformer](https://docs.jetadmin.io/user-guide/data/api-builder/response-transformer)
{% endcontent-ref %}

### Sorting

Apply ascending or descending sorting to fields from your response.

{% content-ref url="api-builder/sorting-data" %}
[sorting-data](https://docs.jetadmin.io/user-guide/data/api-builder/sorting-data)
{% endcontent-ref %}

### Pagination

APIs like to send data back in pages. By default, you only get 1 page. You will need to ask for more. In your API docs, there should be a section called Pagination.&#x20;

{% content-ref url="api-builder/pagination" %}
[pagination](https://docs.jetadmin.io/user-guide/data/api-builder/pagination)
{% endcontent-ref %}

### Search

The Search feature allows you to search for text, dates, or numbers within all records and fields of the result of a REST API response.

The search feature works automatically on the client side query operations. But to set the search function on server side query operations, you have to add a "search" parameter in the query parameters and pass {{search}} as its value.

<div align="left"><figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FhywYzeYg1ySypVFIqdzu%2Fimage.png?alt=media&#x26;token=ed919513-c7dc-4134-a291-3d06865102ea" alt=""><figcaption></figcaption></figure></div>

By applying the Search query parameter, now the search box will filter all data on all rows and columns with the value typed in the search box.

<div align="left"><figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FvXg6CdWChov9CDDwESUO%2Fimage.png?alt=media&#x26;token=e666e409-6842-47d5-b8ee-46ccb731d933" alt=""><figcaption></figcaption></figure></div>