在AMP中显示通过AJAX调用的内容

Question

我试图实现一个正在调用第三方休息端点的AMP版本。终端提供JSON数据，并且该数据的一部分应显示在网站上。

我已经尝试了amp-list，这对我没有任何帮助，因为那叫做JSON不是一个数组。另外amp-bind不起作用，因为我不想在单击按钮后更改内容，它应该在最初出现。

小示例代码，以帮助我的问题的理解：

由第三方API提供的JSON看起来像

a: { 
    aHead:'aHead', 
    aBody:'aBody' 
}, 
b: { 
    bHead:'bHead', 
    bBody:'bBody' 
} 

然后，我想进入电影是JSON对象的值在我的.html中类似于这个伪代码示例

<h2>{{a.aHead}}</h2> 
<p>{{a.aBody}}</p> 

<h2>{{b.bHead}}</h2> 
<p>{{b.bBody}}</p> 

Answer 1

amp-list在这里是正确的方法。内容将在页面加载时呈现。没有用户输入要求。

最好的办法是代理3P端点并重构JSON结果。这还有一个好处：您可以添加AMP运行时所需的CORS headers。