AMP: Building Accelerated Mobile Pages

Submitting XHR AJAX forms in AMP

This time, we'll rewrite our form to use the POST method instead of GET, and action-xhr with our new endpoint instead of action (/ch6/signup-xhr.html):

<form method="post" action-xhr="/ch6/signup-xhr.php" target="_top">  <input type="email" name="email" id="email" required>  <input type="submit" value="Sign me up!"></form>

For XHR requests, AMP expects a JSON response with the following:

• Content-Type header should be Content-Type: application/json
• A 2xx HTTP status response code for successful submissions
• Any other status code for error responses

The form endpoint specified in action-xhr must start with https:// or // and must be served from either an HTTPS URL or from localhost.