All topics

Issue with receiving authToken in Toddle

FARES

6 months ago

I'm having an issue with integrating Toddle and Xano for a signup page. The API works fine, and when I make a POST request directly via cURL or Postman, I receive the authToken in the response as expected.

However, when I trigger the same request through a button in Toddle, I’m not receiving the authToken in the response under data. I’ve checked the API call (URL, POST method, headers, and body), and everything is configured correctly. I also verified that the JSON response from Xano includes the authToken.

If anyone has suggestions on what might be causing this or how to properly capture the response in Toddle, I'd appreciate the help!
✅1
Sean

6 months ago

One thing I usually do when I encounter issues like this is, is to inspect the request on the Xano side. It helps me to see what Xano received as inputs in the API call. Can you share a screenshot of a specific request from the request history as in the screenshots.
FARES

6 months ago

thanks for your retur sean
Sean

6 months ago

Okay so Xano is receiving a bad request. Can you click the first item in the request history so that it shows the details. After you click the first "400 Bad request", expand the Input and Output in the details...
FARES

6 months ago

for your information i tried to do some request manuely on xano and with powershell
Sean

6 months ago

Can you expand input and output and share a screenshot please
FARES

6 months ago
Tod

6 months ago

Great energy @FARES! Your continuous contribution to the toddle Community just made you advance to Community Level 1!
Sean

6 months ago

Oh and sorry. Make a request from Toddle not Postman or something else. You want to look at the input and output for a request made from your Toddle app
FARES

6 months ago

yes i did it but its not working that's the issu
thats why i tried with postman and debug with xano
Sean

6 months ago

No I mean make a request from your Toddle app, refresh the Request history (it takes a few seconds for the request to show up in the request history and you need to refresh it) and inspect the input and output
FARES

6 months ago

okey
Sean

6 months ago
FARES

6 months ago
i did it but like you see the last request is at 8:40 and now its 15
Sean

6 months ago

Click on the top request to view the details. Make sure that the top request is the one sent from your Toddle app (not via Postman or anything else). Once you click on it, expand the Input and Output...
Sean

6 months ago

Also, can you share a screenshot of the entire API request set up in Toddle. I couldn't see the entire set up in your original screenshot to see the "Body" of the request.
FARES

6 months ago
Sean

6 months ago

So your request history says that the name is blank and the email is blank. So although your request is hitting your endpoint, Xano is responding with a "Bad Request" because it says missing parameters (I suspect name and email). I can't see where in your API set up are you passing the name, email, and password in the request. Can you scroll down to the body of the API set up in Toddle like in this image
FARES

6 months ago
Sean

6 months ago

Okay good. Now can you click on the (fx) to open up what this Body object is made up of and share a screenshot please
FARES

6 months ago

i already share it
Sean

6 months ago

Okay. Can you make a request and immediately after that open up the Body in the formula editor. It should show the name email and password filled out (your screenshot shows them empty). Also expand the output node. They should have values if your variable setup is correct. Like in this image.
FARES

6 months ago

ok i ll do
empty
Sean

6 months ago

Hmm. Okay. And I think if you expand the output node, that is empty too, can you confirm?
FARES

6 months ago

yes
Tod

6 months ago

Great energy @FARES! Your continuous contribution to the toddle Community just made you advance to Community Level 2!
Sean

6 months ago

So your API setup looks fine to me. The next thing to check if the Name, Email, and Password variables are being set correctly. Can you share a screenshot of the input fields in your Toddle app where your variables are being set and how you are setting these values from the input field
FARES

6 months ago

ok
Max

6 months ago

Is this a public project? If so, you can share the link and we can check the setup of the editor
FARES

6 months ago

yes
it s public
https://toddle.dev/projects/gold_shmi_sky_alker_very_cardinal/branches/signup/components/signup?mode=design&leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=attributes&selection=nodes.ZhFEKOQIwo9eEdCIwSP79
Sean

6 months ago

Can you share the latest request history (expanded) in Xano
FARES

6 months ago

yes
FARES

6 months ago
Max

6 months ago

You never actually call the api. The submit event has to be on the form, not the button. And the button needs the attribute "type=submit"
Sean

6 months ago

Can you try what Max suggests and let us know.
FARES

6 months ago

yes i am trying
FARES

6 months ago

the button is already "type=submit"
FARES

6 months ago

now th button it s not cliquable
Sean

6 months ago

Works for me
FARES

6 months ago

with my account ?
Sean

6 months ago
The public app you shared works for me 🙂
FARES

6 months ago
and for me now thak you a lot sean and max
Sean

6 months ago

Sure. No problem. Have fun toddle away 🙂
❤️1
FARES

6 months ago

i am very happy thank you
Max

6 months ago

Sure 😊
@Max
You never actually call the api. The submit event has to be on the form, not the button. And the button needs the attribute "type=submit"
FARES

6 months ago

thank
@Max
You never actually call the api. The submit event has to be on the form, not the button. And the button needs the attribute "type=submit"
Sean

6 months ago

I'm curious to know this too. Does this matter? I mean eventually, the Submit button calls the signup API call which has the params as expected -- so shouldn't that trigger the API anyway or is that because there's a Prevent default and so the button wouldn't do what its meant to do and rely on the form's submit event -- is that it?
@Sean
I'm curious to know this too. Does this matter? I mean eventually, the Submit button calls the signup API call which has the params as expected -- so shouldn't that trigger the API anyway or is that because there's a Prevent default and so the button wouldn't do what its meant to do and rely on the form's submit event -- is that it?
Max

6 months ago

The button does not throw a "submit" event. Only the form does. So this will never be called. If you have a click event on the button, it would work. But that's not good practice
@Max
The button does not throw a "submit" event. Only the form does. So this will never be called. If you have a click event on the button, it would work. But that's not good practice
Sean

6 months ago

Ah! That makes sense. Completely overlooked that. Thanks Max.
💪1
Tod

6 months ago

Great energy @Sean! Your continuous contribution to the toddle Community just made you advance to Community Level 9!

Issue with receiving authToken in Toddle

FARES

Sean

FARES

Sean

FARES

Sean

FARES

Tod

Sean

FARES

Sean

FARES

Sean

FARES

Sean

Sean

FARES

Sean

FARES

Sean

FARES

Sean

FARES

Sean

FARES

Tod

Sean

FARES

Max

FARES

Sean

FARES

FARES

Max

Sean

FARES

FARES

FARES

Sean

FARES

Sean

FARES

Sean

FARES

Max

FARES

Sean

Max

Sean

Tod