Amphtml: Make Dynamic action-xhr in amp-form

[ankur0890]

It would be really good if we can bind action-xhr in the amp-form.

Scenario:

Got two forms: Contact Form and OTP (intial hidden)
Contact form successful submission sends some dynamic response (using amp-bind preserve the response state) which is used to create OTP form url.

Let me know what you think of this?

[aghassemi]

/to @cvializ
/cc @choumx @ericlindley-g

[cvializ]

Shouldn't be too difficult to enable with bind. We already allow amp-list URLs to be bound with [src].

[stephengardner]

Update? 10 months

[ericlindley-g]

This isn't currently on the mid-term roadmap. Would be useful for our prioritization to hear any business impact that might not be obvious to us. Thanks!

[stephengardner]

Gotcha - thanks.
Our app (https://shopsheriff.com/amp) converts Shopify stores into AMP pages. The "Add to Cart" button submits a GET request to a specific Shopify store URL in order to perform that adding-to-cart functionality. There are some other functionality that may take place such as skipping the cart, and these require different URLs to be submitted. That _was_ my use case. Fortunately I've found a way around this by using a different method, so I'm not currently in need of it, but that was a pretty decent use-case, because I had to interact with form functionality and url structures that were pre-determined.

[ericlindley-g]

Thanks for sharing! Good to know the concrete need here

[choumx]

Another workaround is to use multiple forms and buttons.

[ampprojectbot]

This issue hasn't been updated in awhile. @cvializ Do you have any updates?

[mauricionr]

i'm getting the user info using xhr with amp-state and trying to send the userToken in action-xhr but i can't put the value dynamicaly with amp-bind, how can i proceed?

[trjones1]

I'm using the Load More button in a form in order to grab the next page of results and update the listing. This works by itself. When filtering, the action-xhr will need to change to reflect the user's selection. So currently the next page will be the unfiltered dataset.

I was able to overcome this by using another amp-list element, and setState on a tap: event.

[trademinister]

I'm using the Load More button in a form in order to grab the next page of results and update the listing. This works by itself. When filtering, the action-xhr will need to change to reflect the user's selection. So currently the next page will be the unfiltered dataset.

I was able to overcome this by using another amp-list element, and setState on a tap: event.

Hello,
Can You send sample code in AMP for Load more?

[jakewantulok]

I just want to add here, a big weak point with AMP for me are these "workarounds" which inevitably creates unnecessary clutter and makes things hard to follow and maintain overtime.