表单提交后如何处理返回的数据

Question

我有一个AMP表单，该表单在提交时调用Web服务，然后，我得到一个JSON作为结果。 JSON包含数据，为了查看它们，我在amp-mustache div中使用submit-success模板。而且一切正常。我看到了我需要的所有数据。 但是我无法从submit-success div外部访问该数据。由于我需要在表单上设置submit-success div之外的某些控件，因此需要在submit-success div之外访问JSON结果。 谁能分享我该怎么做？

Answer 1

一种实现方法是将JSON响应保存到状态。您可以使用表单的on属性来设置事件submit-success的状态，如下所示：

<form id="form123" 
      action-xhr="/formHandle" 
      method="POST"
      on="submit-success:AMP.setState({ msg : event.response.message })"
>

现在，您可以将这种状态与amp-bind表达式一起使用，以在页面中的任何位置实现控制逻辑。例如，

<p class="" [text]=" 'Response is :' + msg">

如果您只想执行隐藏，显示，切换手风琴，滚动，打开ligthbox等常见操作，则可以通过在on属性内使用对应于{ }}事件，而不必使用submit-success。