Hello guys how do I use ajax provider molecule to make a POST request with data in the body ?

UM9F81RCP

Hello guys

how do I use ajax provider molecule to make a POST request with data in the body ?

Yuriy Gerton

Hello Ahmad!
Change the method attribute to POST in the include
For example:

{% include molecule('ajax-provider') with {
        attributes: {
            method: 'POST',
            url: 'Your URL',
        },
    } only %}

UM9F81RCP

nice but what if I want to send dat in the body ?

UM9F81RCP

so this will send a post request to the given url … but where do I define the data for that post?

Yuriy Gerton

By default, the ajax-provider molecule can add data for the POST requests only with the fetch method.

UM9F81RCP

are you saying that I cannot send data with post in ajax provider?

Yuriy Gerton

If using only include the molecule in TWIG, unfortunately not.

UM9F81RCP

ah ok

UM9F81RCP

thank you mate 🙂

UM9F81RCP

one more question in the same topic

UM9F81RCP

if the molecule is included and the ajax request does not appear in the browser console

UM9F81RCP

what could be the problem?

Yuriy Gerton

Do you see the component in HTML debugger with correct attributes?

UM9F81RCP

yes

Yuriy Gerton

Do you try to send this request by a trigger or by on load a page?

UM9F81RCP

on page load

Yuriy Gerton

Did you change the fetch-on-load attribute on true because it’s false by default?

UM9F81RCP

so now it actually works

UM9F81RCP

but there is something wierd

UM9F81RCP

the request happens twice

UM9F81RCP

one of them gets canceled

UM9F81RCP

the second succeeds

UM9F81RCP

any idea?

Yuriy Gerton

Check duplication of the component in HTML

UM9F81RCP

there is not duplication !

UM9F81RCP

actually another widget I am using .. just works out of the box with out specifying this fetch on load attribute

UM9F81RCP

Thanks a lot @UQRP02SP2

UM9F81RCP

🙂