Sending HTTP Request through API

How To
1

Hi there, someone can help me?

I’m sending an API Post this way through AJAX

<script>
    let firstStepData = {};
    let secondStepData = {};

    function togglePassagersDropdown() {
        var dropdown = document.getElementById("passagersDropdown");
        dropdown.style.display = dropdown.style.display === "none" ? "flex" : "none";
    }

    function applyPassagers() {
        var adults = parseInt(document.getElementById("passagersAdults").value);
        var children = parseInt(document.getElementById("passagersChildren").value);
        var babies = parseInt(document.getElementById("passagersBabies").value);
        var totalPassagers = adults + children + babies;
        document.getElementById("passagersDropdownBtn").innerText = Passageiros (${totalPassagers});

        document.getElementById("passagersDropdown").style.display = "none";
    }


    function validateFirstStep() {
        firstStepData = {
            bagage: document.getElementById("bagage").value,
            adultos: document.getElementById("passagersAdults").value,
            criancas: document.getElementById("passagersChildren").value,
            bebes: document.getElementById("passagersBabies").value,
            origem: document.getElementById("origem").value,
            destino: document.getElementById("destino").value,
            ida: document.getElementById("dateInput").value,
            volta: document.getElementById("dateInputEnd").value,
            flexibilidade: document.getElementById("scales").checked ? "S" : "N"
        };

        document.getElementById("secondStep").style.display = "block";
        document.getElementById("firstStep").style.display = "none";
    }

   function sendSecondStepData() {
    const secondStepData = {
        campoNome: document.getElementById("name").value,
        campoCelular: document.getElementById("phone").value,
        campoOrigem: document.getElementById("origem").value,
        campoDestino: document.getElementById("destino").value,
        campoDataInicial: document.getElementById("dateInput").value,
        campoDataFinal: document.getElementById("dateInputEnd").value,
        campoPassageiroAdulto: document.getElementById("passagersAdults").value,
        campoPassageiroCrianca: document.getElementById("passagersChildren").value,
        campoPassageiroBebe: document.getElementById("passagersBabies").value,
        campoFlexibilidade: document.getElementById("scales").checked ? "S" : "N",
        campoMalaDespachada: document.getElementById("bagage").value,
        campoObservacao: "",
        campoCupomDesconto: "",
        campoEmail: "",
        campoServicos: {
            H: document.getElementById("campoHospedagem").checked ? document.getElementById("campoHospedagem").value : "N",
            T: document.getElementById("campoTransporte").checked ? document.getElementById("campoTransporte").value : "N",
            P: document.getElementById("campoPasseios").checked ? document.getElementById("campoPasseios").value : "N",
            S: document.getElementById("campoSeguros").checked ? document.getElementById("campoSeguros").value : "N",
            C: document.getElementById("campoCruzeiro").checked ? document.getElementById("campoCruzeiro").value : "N",
        }
    };

    console.log(secondStepData);

    jQuery(document).ready(function($) {
        var settings = {
            "url": "https://agencia.iddas.com.br/orcamento/solicitacao/nova/VWVXRWphb0hsOUZJT2RQTlFZW",
            "method": "POST",
            "timeout": 0,
            "headers": {
                "Content-Type": "application/x-www-form-urlencoded",
            },
            "data": {
                "campoNome": secondStepData.campoNome,
                "campoCelular": secondStepData.campoCelular,
                "campoOrigem": secondStepData.campoOrigem,
                "campoDestino": secondStepData.campoDestino,
                "campoDataInicial": secondStepData.campoDataInicial,
                "campoDataFinal": secondStepData.campoDataFinal,
                "campoPassageiroAdulto": secondStepData.campoPassageiroAdulto,
                "campoPassageiroCrianca": secondStepData.campoPassageiroCrianca,
                "campoPassageiroBebe": secondStepData.campoPassageiroBebe,
                "campoFlexibilidade": secondStepData.campoFlexibilidade,
                "campoMalaDespachada": secondStepData.campoMalaDespachada,
                "campoObservacao": secondStepData.campoObservacao,
                "campoCupomDesconto": secondStepData.campoCupomDesconto,
                "campoEmail": secondStepData.campoEmail,
                 "campoServicos": { 
                    H: secondStepData.campoServicos.H,
                    T: secondStepData.campoServicos.T,
                    P: secondStepData.campoServicos.P,
                    S: secondStepData.campoServicos.S,
                    C: secondStepData.campoServicos.C,
                 }
            }
        };

        $.ajax(settings)
            .done(function(response) {
                console.log(response);
                console.log("Dados enviados com sucesso!");
                document.getElementById("secondStep").style.display = "none";
                document.getElementById("confirmation").style.display = "flex";
            })
            .fail(function(xhr, status, error) {
                console.error('Erro ao enviar os dados.', error);
                document.getElementById("errorText").style.display = "block";
            });
    });
}
</script>```

But I'm not able to make this work in the Make HTTP Scenario. I already have a WebHook linked with a Router and a HTTP.
3

Welcome to the Make community!

To allow others to assist you with your scenario, please provide the following:

1. Relevant Screenshots

Please share screenshots of your scenario, any error messages, relevant module fields, and filters in question? It would really help other community members to see what you’re looking at.

You can upload images here using the Upload icon in the text editor:

2. Scenario Blueprint

Please export the scenario blueprint file to allow others to view the mapped variables in the module fields. At the bottom of the scenario editor, you can click on the three dots to find the Export Blueprint menu item.

3. Output Bundles of Modules

Please provide the output bundles of the modules by running the scenario (or get from the scenario History tab), then click the white speech bubble on the top-right of each module and select “Download input/output bundles”.

A. Upload as Text File

Save each bundle contents in your text editor as a bundle.txt file, and upload it here into this discussion thread.

B. Insert as Formatted Code Block

If you are unable to upload files on this forum, alternatively you can paste the formatted bundles.
These are the two ways to format text so that it won’t be modified by the forum:

  • Method 1: Type code block manually

    Add three backticks ``` before and after the content/bundle, like this:

    ```
    content goes here
    ```

  • Method 2. Highlight and click the format button in the editor

Providing the input/output bundles will allow others to replicate what is going on in the scenario even if they do not use the external service.

Following these steps will allow others to assist you here. Thanks!