如何将JSON加载到AMP页面？

Question

我有一个 AMP页面，我需要让它变得动态。如何在AMP中加载Json 页面？我在AMP页面中的json代码显示'不是有效的AMP页面'错误。

请帮助。

Answer 1

你不能这样做 - AMP是静态HTML（你只能从生成页面的服务器端添加动态）

您可以查看amp-state。有关详细信息，请参阅https://www.ampproject.org/docs/tutorials/interactivity/remote-data

  <amp-state id="selected">
    <script type="application/json">
      {
        "slide": 0,
        "sku": "1001"
      }
    </script>
  </amp-state>

Answer 2

您也可以使用amp-list

  

amp-list组件从CORS JSON端点获取动态内容。端点的响应包含在指定模板中呈现的数据。