Amp XHR表单页面重定向

时间:2017-01-10 05:06:18

标签: amp-html

我创建了放大器形式。 当我点击Butona时,我会从不同的页面检查表单中的值。 我在这里没有问题。 如果所有数据都正确,我想引导一个独特的adrese。 当表格是积极的时候,如何指导访客?

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

<form method="POST" action-xhr="//example.com/control" target="_top">
<input type="checkbox" name="items[]" value="1" />
<input type="checkbox" name="items[]" value="2" />
<input type="checkbox" name="items[]" value="3" />
...
<button type="submit" class="btn">Check and go</button>
<div submit-success>
   <template type="amp-mustache">
       {{message}}
   </template>
</div>
<div submit-error>
   <template type="amp-mustache">
       {{message}}
   </template>
</div>
</form>

我在名为message的变量中显示Json发出的请求。 我想转发一个不同的地址,而不是显示最后一条消息。这可能与AMP有关吗?

3 个答案:

答案 0 :(得分:1)

如果您在后端使用 PHP 来控制XHR表单的提交值,那么您只需按照以下步骤操作:

return true;

有一个limitation重定向网址必须是绝对 HTTPS网址,否则AMP会抛出错误,重定向也不会发生。 希望它会有所帮助;)

答案 1 :(得分:0)

一个人必须使用:

header('AMP-Redirect-To: https://...');
header("Access-Control-Expose-Headers: AMP-Access-Control-Allow-Source-Origin, AMP-Redirect-To");

答案 2 :(得分:-4)

而不是使用

action-xhr="//example.com/control"

使用

action="//example.com/control"

让URL(//example.com/control)重定向用户