How to pass data through amp-form?

I have user information form. The form is validated using custom validation amp-form. My xhr-action attributes was pointing to my API url. When I submit my form with POST, my api returns nothing because req.body shows empty. Previously I’m using normal form action is working fine.

'/api/submit': { post: function(req, res){ console.log(req.body); } }

form(method="POST", action-xhr!='/api/submit/' + post_form_id + '?_csrf=' + csrf , target="_top", data-form-id=post_form_id, custom-validation-reporting="show-all-on-submit")

  input.form-control.name(
     type="text",
     title="Name is required (Maximum 20 characters only)",
     name="inputNameField",
     placeholder="Full name*",
     id="namefield"
     required,
     pattern="^[a-zA-Z \-\.\@\']{1,20}$")

  input(type="submit", value="Submit", class="btn btn-block btn-black")

[xileftenurb]

I got the same problem until I found amp-form send all data of xhr request in enctype=“multipart/form-data”. If the server is not properly configured, there is a good chance body will remain empty in this condition.

I hope this help.

[aghassemi]

Closing as it seems the bug is related to incorrect server-side implementation. Note that we are planning to support other enctypes for amp-form in https://github.com/ampproject/amphtml/issues/7607