Question

我正在使用AMP的现有静态网站（仅限HTML和Javascript）。我需要添加一个表单，向第三方服务提交POST请求。该服务仅接受POST请求。

当我使用普通HTML添加表单时，我收到以下错误。

只有基于XHR（通过action-xhr属性）提交的内容才支持POST请求。

进行一些研究我了解到AMP表单需要action-xhr属性。将表单的action属性更改为action-xhr会导致此错误：

“访问控制 - 允许 - 凭据”的价值＆＃39;回复中的标题是＆＃39;＆＃39;哪一定是真的＆＃39;当请求的凭据模式为＆＃39; include＆＃39;。
时

有没有办法可以将表单添加到使用AMP的网站，以便表单向第三方网址提交POST请求？ AMP最好不要干涉。

Answer 1

这是我用来向第三方服务（JotForm）提交AMP表单的PHP脚本：

{{1}}

对我们来说效果很好！

Answer 2

您可以通过将 onclick="submit()" 添加到您的提交按钮来手动提交表单。这将允许您通过 action 方法对 POST 请求提交 amp-form。

示例：

<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>

<form method="POST" action="url/">
    <label>Name</label>
    <input type="text" name="name">
    <button type="submit" onclick="submit()" Submit</button>
</form>

为表单提交禁用AMP

2 个答案: